Syncfusion AI Assistant

How can I help you?

Sparkline types in TypeScript Sparkline control

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.