vue中使用ECharts
简单的分享在vue中使用这ECharts和Hightcharts
仅限我个人的理解,如有不足,多多了解,欢迎指教
使用echarts注意问题
npm install echarts --save
之后再main.js中引入
import echarts from 'echarts'
//挂载
Vue.prototype.$echarts = echarts
在需要的地方写方法
start() {
var myChart = this.$echarts.init(document.getElementById("charts"));
// 绘制图表
myChart.setOption({})
},
最后后要在mounted中调用该方法!!
this.start();
注意!
1 如果做成自动变换的样式,跳转到其他路由的时候, 定时器是不会自动清除的
我的方法: 利用组件内部守卫 再调用一次定义好的清除定时函数方法