Sparkline Types in Windows Forms Sparkline

29 Apr 20213 minutes to read

SparkLine control supports three types of Sparklines and the sparkline control must be bound to a data source. It supports a variety of datasource such as DataTable and any component that implements the interface IEnumerable, ICollection, IList.

  • Line
  • Column
  • WinLoss

Drawing Line Sparkline in an Application

The line type of spark line represents a set of data points, connected by a line.

Refer to the following code samples to draw the line sparkline.

//Set Sparkline points to source property

this.sparkLine1.Source =new double[] { 30, -20, 80, 20, 40, -50, -30, 70,    -40, 50 };

//Set line type sparkline

this.sparkLine1.Type = SparkLine.SparkLineType.Line;
'Set Sparkline points to source property

Me.sparkLine1.Source = New Double() {30, -20, 80, 20, 40, -50,-30, 70, -40, 50}

'Set line type sparkline

Me.sparkLine1.Type = SparkLine.SparkLineType.Line

Line

Drawing Column Sparkline in an Application

The column type of spark line represents each data point by a column. The vertical column direction represents the negative or positive value.
Refer to the following code samples to draw the column sparkline:

//Set Sparkline points to source property

this.sparkLine1.Source =new double[] { 30, -20, 80, 20, 40, -50, -30, 70,    -40, 50 };

//Set line type sparkline

this.sparkLine1.Type = SparkLine.SparkLineType.Column;
'Set Sparkline points to source property

Me.sparkLine1.Source = New Double() {30, -20, 80, 20, 40, -50,-30, 70, -40, 50}

'Set line type sparkline

Me.sparkLine1.Type = SparkLine.SparkLineType. Column

Column

Drawing WinLoss Sparkline in an Application

The WinLoss type of spark line is similar to column type but all columns have equal length for data points. The vertical column direction represents the negative or positive value.
Refer to the following code samples to draw the WinLoss sparkline:

//Set Sparkline points to source property

this.sparkLine1.Source =new double[] { 30, -20, 80, 20, 40, -50, -30, 70,    -40, 50 };

//Set line type sparkline

this.sparkLine1.Type = SparkLine.SparkLineType.WinLoss;
'Set Sparkline points to source property

Me.sparkLine1.Source = New Double() {30, -20, 80, 20, 40, -50,-30, 70, -40, 50}

'Set line type sparkline

Me.sparkLine1.Type = SparkLine.SparkLineType. WinLoss

Winloss