安装环境: npm install echarts --save
在main.js中引用:
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
在想要显示echart的地方来一个div,必须写宽高
<div id="container" style="width:70%;height:376px;float: left"></div>
函数里面:
methods:{
getEchart1() {
const myChart = this.$echarts.init(document.getElementById('container'))
const option = { //把想要引用的图表在这里复制
在echats官网里面实例就可以直接粘贴到这里
};
myChart.setOption(option)
window.addEventListener('resize', function () {
myChart.resize()
})
}
},
mounted(){
this.getEchart1()
}
}