The C1Sparkline control allows you to change its appearance using many different properties. You can determine the type of sparkline created, the visibility of the markers and the axis; the colors applied to the axis, markers, and series; and the direction of the data.
Two general appearance properties can be seen in the table below:
|
Property Name |
Property Description |
Code Sample |
|
RightToLeft |
Allows data to be displayed right-to-left. By default, data is displayed left-to-right. |
C1Sparkline.RightToLeft = true |
|
SparklineType |
Determines the type of sparkline control. |
C1Sparkline.SparklineType = SparklineType.Column |
The visibility properties can be seen in the table below:
|
Property Name |
Property Description |
Code Sample |
|
ShowFirst |
Determines the visibility of the first data marker |
C1Sparkline.ShowFirst = true |
|
ShowLast |
Determines the visibility of the last data marker. |
C1Sparkline.ShowLast = true |
|
ShowLow |
Determines the visibility of the lowest data marker. |
C1.Sparkline.ShowLow = true |
|
ShowHigh |
Determines the visibility of the highest data marker. |
C1Sparkline.ShowHigh = true |
|
ShowMarkers |
Determines the visibility of all data markers. |
C1Sparkline.ShowMarkers = true |
|
ShowNegative |
Determines the visibility of the negative data markers. |
C1Sparkline.ShowNegative = true |
|
DisplayEmptyCellsAs |
Determines how empty cells are displayed. |
C1Sparkline.DisplayEmptyCellsAs= EmptyValueStyle.Gaps |
The color properties can be seen in the table below:
|
Property Name |
Property Description |
Code Sample |
Image |
|
AxisColor |
Gets or sets the x-axis color. Note that the DisplayXAxis property must be set to true. |
AxisColor = Colors.Red |
|
|
FirstMarkerColor |
Gets or sets the color of the first data point for each sparkline in the sparkline group. Note that the ShowFirst property must be set to true. |
FirstMarkerColor = Colors.Red |
|
|
HighMarkerColor |
Gets or sets the color for the highest data point for each sparkline in the sparkline group. Note that the ShowHigh property must be set to true. |
HighMarkerColor = Colors.Blue |
|
|
LastMarkerColor |
Gets or sets the color for the last data point for each sparkline in the sparkline group. Note that the ShowLast property must be set to true. |
LastMarkerColor = Colors.Yellow |
|
|
LowMarkerColor |
Gets or sets the color for the lowest data point for each sparkline in the sparkline group. Note that the ShowLow property must be set to true. |
LowMarkerColor = Colors.Red |
|
|
MarkersColor |
Specifies the color of the data markers for each sparkline in the sparkline group. Note that the ShowMarkers property must be set to true. |
MarkersColor = Colors.DeepPink |
|
|
NegativeColor |
Specifies the color of the negative data points for each sparkline in the sparkline group. Note that the ShowNegative property must be set to true. |
NegativeColor = Colors.Pink |
|
|
SeriesColor |
Specifies the color for the line in the line chart. This property is only available for the line chart type C1Sparkline control. |
SeriesColor = Colors.Brown |
|
