Charts Block.charts

Display data visualizations.

Configuration Options

type · string

Required. Chart type: ‘column’, ‘line’, or ‘pie’.

data · Array

Required. Data for the chart (array of arrays).

config · Object

Show Optional. Chart configuration

x · Object

Show Optional. X-axis configuration.

type · string

Data type for x-axis values.

label · string

Label for x-axis.

y · Object

Show Optional. Y-axis configuration.

type · string

Data type for y-axis values.

label · string

Label for y-axis.

customProps · Object

Optional. Additional properties for the chart.

Example YAML

- slug: Charts
  type: line
  data:
    - ["Month", "Sales", "Expenses"]
    - ["Jan", 1000, 400]
    - ["Feb", 1500, 460]
    - ["Mar", 1300, 420]
    - ["Apr", 1700, 500]
  config:
    x:
      type: category
      label: Month
    y:
      type: value
      label: Amount ($)
  customProps:
    height: 400
    seriesField: category
    smooth: true
  onInit: myInitBlockCharts
  updateOn: myUpdateBlockCharts