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/[email protected]/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菜鸟教程中下载,如下图:

echarts引入的几种方式_第1张图片

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

echarts引入的几种方式_第2张图片

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

echarts引入的几种方式_第3张图片

echarts引入的几种方式_第4张图片

echarts引入的几种方式_第5张图片

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

你可能感兴趣的:(vue,echarts,vue.js,javascript)