echarts引入的几种方式

1. npm或者cnpm 安装

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

引入echarts，就可以使用了

import echarts from 'echarts'; 

2.cdn引入:

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

• Staticfile CDN（国内） : https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js

• jsDelivr：https://cdn.jsdelivr.net/npm/echarts@4.3.0/dist/echarts.min.js。

• cdnjs : https://cdnjs.cloudflare.com/ajax/libs/echarts/4.3.0/echarts.min.js

在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 折线图