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

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐