在要添加图表的文件夹下创建option.js,将图表的方法写进去。
将图表方法写进export const option={}
在main.js中引入echarts
在vue页面的script标签中引入画好的option.js
为图表准备div,注意:div必须要有高度,否则图表无法显示
在methods里面添加drawLineChart(){}方法,let myChart = this.$echarts.init(document.getElementById(“echart1”));必须和图表div的id保持一致
在created中调用drawLineChart(),因为图表显示的问题,必须在this.$nextTick(){}中调用drawLineChart()
这样图表就显示出来啦!