Sparkline for UWP | ComponentOne
Sparkline for UWP Concepts and Main Properties / Sparkline Appearance / C1Sparkline Appearance Properties
In This Topic
    C1Sparkline Appearance Properties
    In This Topic

    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

    See Also
    Sparkline for UWP Task-Based Help