ECharts的使用

167 阅读1分钟

1.获取 ECharts

你可以通过以下几种方式获取 ECharts。

从 Apache ECharts (incubating) 官网下载界面 获取官方源码包后构建。

在 ECharts 的 GitHub 获取。

通过 npm 获取 echarts,npm install echarts --save,详见“在 webpack 中使用 echarts”

通过 jsDelivr 等 CDN 引入

2.引入 ECharts

通过标签方式直接引入构建好的 echarts 文件

3.绘制一个简单的图表

在绘图前我们需在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。

然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图,下面是完整代码。

这是最后的效果图