SparkAreaChart: {
    data: Point[];
    fillStyle?: FillStyle;
    markers?: SparkChartXYMarker[];
    strokeStyle?: LineStyle;
    type: "spark-area";
}

Description of a Spark Area Chart.

Displays a miniature area chart.

Can be used with DataGrid.

 // Example, spark area chart in a DataGrid
DataGrid.setCellContent(0, 0, {
type: 'spark-area',
data: [0, 10, 6, 4, 9, 8, 3, 6],
})

Type declaration

  • data: Point[]

    Data for spark area chart as a list of XY data points.

     // Example
    data: [{ x: 0, y: 100 }, { x: 1, y: 200 }, ...]
  • Optional fillStyle?: FillStyle

    Optional fill style for area.

  • Optional markers?: SparkChartXYMarker[]

    Optional list of XY markers for including extra data visualization components along the spark chart.

     // Example, display line at Y axis coordinate
    markers: [{ type: 'constant-line', axis: 'y', value: 20 }]

    See SparkChartXYMarker for more information.

  • Optional strokeStyle?: LineStyle

    Optional style for area stroke.

  • type: "spark-area"

    Identifier that is used to select the spark chart type.