1. npm或者cnpm 安装

npm install echarts --save
cnpm install echarts --save

引入echarts,就可以使用了

import echarts from 'echarts'; 

2.cdn引入:

以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。

在index.html中引用,例如:<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js" ></script>

3.使用独立版本外部引入:

我们可以在直接下载 echarts.js 并用 <script> 标签引入,例如:<script src="echarts.js" ></script>

下载方式:(1)在echarts菜鸟教程中下载,如下图:

下载方式:(2)echarts官网下载

 选择方法三,在线定制,选择需要的图表类型,点击下方下载按钮,即可下载成功,然后按照上面的方法引入即可

接下来如何渲染出一个图表可以参考 从0到有,教你实现渐变色echarts 折线图

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐