Marker Customization in Windows Forms Sparkline

29 Apr 2021 / 5 minutes to read

The markers are visual indicators to represent the location of data points in the Sparkline graph. The markers can support three types of sparklines.

Properties

Marker Property Description
ShowMarker Indicates whether the marker should be displayed at every data point location in line sparkline. By default it is set to False.
ShowHighPoint Enables markers to show the highest values in all types of sparklines. By default it is set to False.
ShowLowPoint Enables markers to show the lowest values in all types of sparklines. By default it is set to False.
ShowStartPoint Enables markers show start values in all types of sparklines. By default it is set to False.
ShowEndPoint Enables markers to show end values in all types of sparklines. By default it is set to False.
ShowNegativePoint Enables markers to show negative values in all types of sparklines. By default it is set to False.
MarkerColor Gets or sets the marker color for line type sparkline. This property color is set to sparkline marker when enabling the ShowMarker property.
HighPointColor Gets or sets the high point color for line type sparkline. This property color is set to sparkline marker when enabling the ShowHighPoint property.
LowPointColor Gets or sets the low point color to line type sparkline. This property color is set to sparkline marker when enabling the ShowLowPoint property.
StartPointColor Gets or sets the start point color for line type sparkline. This property color is set to sparkline marker when enabling the ShowStartPoint property.
EndPointColor Gets or sets the end point color to line type sparkline. This property color is set to sparkline marker when enabling the ShowEndPoint property.
NegativePointColor Gets or sets the negative point color to line type sparkline. This property color is set to sparkline marker when enabling the ShowNegativePoint property.

Markers Support for Line

This marker feature supports data points of line sparkline. You can choose the marker color for data points.

Refer to the following code snippets to enable the marker in line sparkline.

//To enable marker to sparkline for all data points

this.sparkLine1.Markers.ShowMarker  =true;
'To enable marker to sparkline for all data points

Me.sparkLine1.Markers.ShowMarker  =True

Line

Markers Support for Column

This marker feature supports High Points, Low Points, Start Point and Negative Point of column sparkline. You can choose the marker color for data points.
Refer to the following code sample to enable the marker in column sparkline.

//To enable marker to sparkline high,low,start,end,negative data points

this.sparkLine1.Markers.ShowHighPoint = true;

this.sparkLine1.Markers.ShowLowPoint = true;

this.sparkLine1.Markers.ShowStartPoint = true;

this.sparkLine1.Markers.ShowEndPoint = true;

this.sparkLine1.Markers.ShowNegativePoint= true;

//To customize the marker color to low points

this.sparkLine1.Markers.LowPointColor = new BrushInfo(GradientStyle.BackwardDiagonal, Color.Blue, Color.Wheat);
//To enable marker to sparkline high,low,start,end,negative data points

Me.sparkLine1.Markers.ShowHighPoint = True

Me.sparkLine1.Markers.ShowLowPoint = True

Me.sparkLine1.Markers.ShowStartPoint = True

Me.sparkLine1.Markers.ShowEndPoint = True

Me.sparkLine1.Markers.ShowNegativePoint= True

//To customize the marker color to low points

Me.sparkLine1.Markers.LowPointColor = new BrushInfo(GradientStyle.BackwardDiagonal, Color.Blue, Color.Wheat)

Column

Markers Support for WinLoss

This marker feature supports High Points, Low Points, Start Point and Negative Point of WinLoss Sparkline. The markers feature of WinLoss is the same as Column markers. You can choose the marker color for data points.

Refer to the following code snippets to enable the marker in column sparkline.

//To enable marker to sparkline high,low,start,end,negative data points

this.sparkLine1.Markers.ShowHighPoint = true;

this.sparkLine1.Markers.ShowLowPoint = true;

this.sparkLine1.Markers.ShowStartPoint = true;

this.sparkLine1.Markers.ShowEndPoint = true;

this.sparkLine1.Markers.ShowNegativePoint= true;

//To customize the marker color to low points

this.sparkLine1.Markers.LowPointColor = new BrushInfo(GradientStyle.BackwardDiagonal, Color.Blue, Color.Wheat);
//To enable marker to sparkline high,low,start,end,negative data points

Me.sparkLine1.Markers.ShowHighPoint = True

Me.sparkLine1.Markers.ShowLowPoint = True

Me.sparkLine1.Markers.ShowStartPoint = True

Me.sparkLine1.Markers.ShowEndPoint = True

Me.sparkLine1.Markers.ShowNegativePoint= True

//To customize the marker color to low points

Me.sparkLine1.Markers.LowPointColor = new BrushInfo(GradientStyle.BackwardDiagonal, Color.Blue, Color.Wheat)

Winloss