echarts引入的几种方式

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中引用,例如:

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

我们可以在直接下载 echarts.js 并用

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

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

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

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

相关推荐