ContextQMD
Back to Lowdefy

Lowdefy ECharts Blocks

packages/plugins/blocks/blocks-echarts/README.md

5.2.02.6 KB
Original Source

Lowdefy ECharts Blocks

Lowdefy blocks for Apache ECharts, is a feature rich javascript charting library.

The implementation of these blocks 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.

EChart Example

yaml
name: my-app
lowdefy: 3.12.3
pages:
  - id: dashboard
    type: PageHeaderMenu
    blocks:
      - id: line
        type: EChart
        properties:
          height: 600
          option:
            xAxis:
              type: category
              data:
                - Mon
                - Tue
                - Wed
                - Thu
                - Fri
                - Sat
                - Sun
            yAxis:
              type: value
            series:
              - data:
                  - 150
                  - 230
                  - 224
                  - 218
                  - 135
                  - 147
                  - 260
                type: line
<!-- TODO ## Other Lowdefy Blocks Packages - [@lowdefy/blocks-template](https://github.com/lowdefy/blocks-template): Lowdefy template for creating blocks. - [@lowdefy/blocks-basic](https://github.com/lowdefy/lowdefy/tree/main/packages/blocks/blocksBasic): Official Lowdefy blocks some basic Html elements. - [@lowdefy/blocks-antd](https://github.com/lowdefy/lowdefy/tree/main/packages/blocks/blocksAntd): Official Lowdefy blocks for [Antd design](https://ant.design/). - [@lowdefy/blocks-color-selectors](https://github.com/lowdefy/lowdefy/tree/main/packages/blocks/blocksColorSelectors): Official Lowdefy blocks for [react-colorful](https://casesandberg.github.io/react-colorful/). - [@lowdefy/blocks-markdown](https://github.com/lowdefy/lowdefy/tree/main/packages/blocks/blocksMarkdown): Official Lowdefy blocks to render Markdown. - [@lowdefy/blocks-amcharts](https://github.com/lowdefy/blocks-amcharts): Lowdefy blocks to render [AmCharts v4](https://www.amcharts.com/). - [@lowdefy/blocks-aggrid](https://github.com/lowdefy/blocks-aggrid): Lowdefy blocks to render [Ag-Grid](https://www.ag-grid.com/) tables. -->

More Lowdefy resources

Licence

Apache-2.0