https://github.com/idea2app/echarts-model

Data Model generator for ECharts, which is based on TypeScript, makes you to focus on Data Structure instead of complex options.
https://github.com/idea2app/echarts-model

chart data-model echarts

Last synced: 7 months ago
JSON representation

Data Model generator for ECharts, which is based on TypeScript, makes you to focus on Data Structure instead of complex options.

• Host: GitHub
• URL: https://github.com/idea2app/echarts-model
• Owner: idea2app
• Created: 2021-05-02T12:28:21.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-05-31T17:52:26.000Z (over 4 years ago)
• Last Synced: 2024-04-23T20:17:07.776Z (almost 2 years ago)
• Topics: chart, data-model, echarts
• Language: TypeScript
• Homepage: http://ideapp.dev/ECharts-model/
• Size: 108 KB
• Stars: 6
• Watchers: 4
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: ReadMe.md

Awesome Lists containing this project

README

          
# ECharts model

**Data Model** generator for [ECharts][1], which is based on [TypeScript][2], makes you to focus on **Data Structure** instead of complex options.

[![NPM Dependency](https://david-dm.org/idea2app/ECharts-model.svg)][3]

[![CI & CD](https://github.com/idea2app/ECharts-model/workflows/CI%20&%20CD/badge.svg)][4]

[![NPM](https://nodei.co/npm/echarts-model.png?downloads=true&downloadRank=true&stars=true)][5]

## Installation

```shell

npm i echarts-model echarts array-unique-proposal

npm i @types/echarts -D

```

## Examples

### Line & Bar in one grid

[![Edit ECharts model](https://codesandbox.io/static/img/play-codesandbox.svg)][6]

### K-line & Bar in two grids

[![Edit ECharts model](https://codesandbox.io/static/img/play-codesandbox.svg)][7]

### Round Pie

[![Edit ECharts model](https://codesandbox.io/static/img/play-codesandbox.svg)][8]

[1]: https://echarts.apache.org/

[2]: https://www.typescriptlang.org/

[3]: https://david-dm.org/idea2app/ECharts-model

[4]: https://github.com/idea2app/ECharts-model/actions

[5]: https://nodei.co/npm/echarts-model/

[6]: https://codesandbox.io/s/echarts-model-zvf73?autoresize=1&expanddevtools=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2FLineBarChart.ts&theme=dark

[7]: https://codesandbox.io/s/echarts-model-zvf73?autoresize=1&expanddevtools=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2FKLineBarChart.ts&theme=dark

[8]: https://codesandbox.io/s/echarts-model-zvf73?autoresize=1&expanddevtools=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2FRingPieChart.ts&theme=dark