前端
2021-12-09
2021-12-09
根据[官方文档](https://echarts.apache.org/zh/tutorial.html#5 分钟上手 ECharts)入门echarts
:
引入CDN
1 | <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/echarts.min.js"></script> |
也可以通过一下几种方式
- 从 Apache ECharts 官网下载界面 获取官方源码包后构建。
- 在 ECharts 的 GitHub 获取。
- 通过 npm 获取 echarts,
npm install echarts --save
,详见“[在 webpack 中使用 echarts](https://echarts.apache.org/zh/tutorial.html#在 webpack 中使用 ECharts)” - 通过 jsDelivr 等 CDN 引入
在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。
1 | <body> |
1 | //指定图表的配置项和数据 |