series

Configuration Structure

series: {
}

series

The data to display in the chart. The format depends on the chart type.

For axis charts (line, area, bar, scatter, heatmap, etc.), series is an array of objects:

series: [{
  name: 'Series 1',
  data: [30, 40, 35, 50, 49, 60, 70]
}, {
  name: 'Series 2',
  data: [23, 12, 54, 61, 32, 56, 81]
}]

Each series object can have the following properties:

  • name: The name of the series (shown in legend and tooltips)
  • data: Array of data points. Can be numbers, [x, y] pairs, or objects { x, y }
  • type: Override chart type for this series (in combo charts)
  • color: Override color for this series
  • group: Group name for grouped bar charts

For non-axis charts (pie, donut, radialBar, polarArea), series is a simple number array:

series: [44, 55, 13, 43, 22]

Paired data format for scatter/bubble:

series: [{
  name: 'Series 1',
  data: [
    [16.4, 5.4],
    [21.7, 2],
    [25.4, 3],
  ]
}]

Timeline / RangeBar data format:

series: [{
  data: [{
    x: 'Design',
    y: [
      new Date('2019-03-05').getTime(),
      new Date('2019-03-08').getTime()
    ]
  }]
}]