1、先安装echarts包
先安装淘宝镜像
npm install -g cnpm --registry=http://registry.npm.taobao.org
再安装echarts
cnpm install echarts --save
2、全局引入(在main.js中引入)
Import echarts from 'echarts'
Vue.prototype.$echarts = echarts
或
import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts
3、初始化echarts
首先创建一个dom元素
<div id="mychart" :style="{width:'300px',height:'300px'}" ref="mychart">
其次,在mounted中初始化使用,在“//echarts组件”插入相映组件代码即可实现组件引入
mounted(){
this.init()
}
methods:{
init(){
const mycharts = this.$echarts.init(this.$refs.mycharts);
let option={//echarts组件}
mycharts.setOption(option)
}
}