一、提前准备
1、在项目中安装 echarts
npm install echarts
或者:
npm install echarts --save
2、引入 echarts 图表,可全局或按需引入。
在项目中引入 ECharts - 入门篇 - 使用手册 - Apache ECharts
安装完后这里建议直接在main.js
里面引入并绑定在Vue
原型上,因为可以不用每次在别的组件里面使用echarts
的时候都要 import echarts from 'echarts'
具体方法就是:
1、在main.js
中引入echarts
:import * as echarts from 'echarts'
2、绑定到原型上 :Vue.prototype.$echarts = echarts
以后需要用的时候就是直接 : this.$echarts