Lowdefy
v3.17.2/display/EChart/

EChart

Apache ECharts is a feature rich javascript charting library.

This implementation is a minimal wrapper for the echarts-for-react package. This means you write normal EChart config to create charts.

See the Apache ECharts docs for the chart settings API. See the ECharts theme builder to create beautiful custom themes.

View more Apache EChart examples.

id: block_id
type: EChart
properties:
  option:
    xAxis:
      type: category
      data:
        - Mon
        - Tue
        - Wed
        - Thu
        - Fri
        - Sat
        - Sun
    yAxis:
      type: value
    series:
      - type: bar
        data:
          - 150
          - 230
          - 224
          - 218
          - 135
          - 147
          - 260
properties:
Specify chart height explicitly, in pixel.
init:
Specify the locale.
Chart renderer.
EChart settings object.
Css style object to apply to EChart div.
EChart theme object.
Specify chart width explicitly, in pixel.
type: object
properties:
  events:
    properties:
      click:
        description: Trigger actions when the element is clicked.
        type: array
    type: object
  properties:
    additionalProperties: false
    properties:
      height:
        default: auto
        description: Specify chart height explicitly, in pixel.
        type:
          - number
          - string
      init:
        description: EChart init object.
        properties:
          locale:
            default: EN
            description: Specify the locale.
            enum:
              - EN
              - ZN
            type: string
          renderer:
            default: canvas
            description: Chart renderer.
            enum:
              - canvas
              - svg
            type: string
        type: object
      option:
        description: EChart settings object.
        type: object
      style:
        description: Css style object to apply to EChart div.
        type: object
      theme:
        description: EChart theme object.
        type: object
      width:
        default: auto
        description: Specify chart width explicitly, in pixel.
        type:
          - number
          - string
    type: object