安裝環境: 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()
}
}