安装 npm install echarts --save
在main.js中,如果报错建议重装或者回退版本
import echarts from 'echarts' // 引入echarts
Vue.prototype.$echarts = echarts
再你想用的页面中
<div ref="chart" style="width:100%;height:376px"></div>
在方法中
mounted(){
this.getEchartData()
},
methods: {
getEchartData() {
const chart = this.$refs.chart
if (chart) {
const myChart = this.$echarts.init(chart)
const option = {
tooltip: {},
xAxis: {
data: ["111111", "222222", "333333", "444444", "555555", "666666", "777777", "888888", "999999", "000000"],
axisLabel: {
interval: 0,
rotate: 40
},
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20, 20, 20, 20, 20],
type: 'line'
}]}
myChart.setOption(option)
window.addEventListener("resize", function() {
myChart.resize()
})
}
this.$on('hook:destroyed',()=>{
window.removeEventListener("resize", function() {
myChart.resize();
});
})
}
}