Sparkline types in JavaScript Sparkline control

18 Nov 20181 minute to read

Different types of shapes can be used to represent the sparkline. You can change the sparkline type by setting the type property. Sparkline supports the following types:

  • Line
  • Column
  • Win-Loss
  • Pie
  • Area

The following code sample shows different types of sparklines.

Line

The [Line] type is used to render the sparkline series as line.

Column

The [Column] type is used to render the sparkline series as column.

Pie

The [Pie] type is used to render the sparkline series as pie.

WinLoss

The [WinLoss] type is used to render the sparkline series as WinLoss.

Area

The [Area] type is used to render the sparkline series as area.