Interface SparkChartPointMarker

Type definition of a Spark Chart Point Marker. Can be included to show extra information alongside Spark Charts. Highlights a single XY coordinate with a marker. Coordinate can be hard defined with data values or automatically assigned from peak value, start, end, etc.

 // Example, spark line chart with a point marker at max Y peak.
 DataGrid.setCellContent(0, 0, {
     type: 'spark-line',
     data: [0, 10, 6, 4, 9, 8, 3, 6],
     markers: [{
         type: 'point',
         value: 'max'
     }]
 })

Hierarchy

  • SparkChartPointMarker

Properties

fillStyle? rotation? shape? size? type value

Properties

Optional fillStyle

fillStyle?: FillStyle

Optional fill style of marker.

Optional rotation

rotation?: number

Optional rotation of marker.

Optional shape

shape?: PointShape

Optional shape of marker.

Optional size

size?: number

Optional size of marker.

type

type: "point"

Identifier used to select the type of Marker.

value

value: "max" | "end" | "start" | Point | "min"

Location of the Point Marker. Following values are supported:

  • 'start': Position marker at the first XY coordinate of the Spark Chart.
  • 'end': Position marker at the last XY coordinate of the Spark Chart.
  • 'min': Position marker at the lowest XY coordinate of the Spark Chart (along Y axis).
  • 'max': Position marker at the highest XY coordinate of the Spark Chart (along Y axis).
  • { x: 5, y: 10 }: Position marker at exactly X = 5, Y = 10.

Settings

Member Visibility

Theme