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 如果做成自动变换的样式,跳转到其他路由的时候, 定时器是不会自动清除的
我的方法: 利用组件内部守卫 再调用一次定义好的清除定时函数方法

谢谢

posted on 2020-04-26 09:25  哼着老调调  阅读(306)  评论(0编辑  收藏  举报

聊天   切换waifu!  换衣服!   拍照!   许愿吧cxy