问题:echarts动态获取数据更新时,鼠标放上去,图例会消失
原因分析1:echarts版本太低,或与5.1.0之前的就会无故消失(版本没问题再看下面)
原因分析2:watch监听时每次,都去执行这个事件,init就会重新构建echarts图
每次setOption数据就行,不要init创建echarts图
watch: {
echatsList() {
this.drawing()
}
},
methods: {
drawing() {
let myChart = echarts.init(this.$refs.chart)
myChart.setOption({....})
},
}
解决方法: 把创建和更新分开写
mounted() {
this.myChart = echarts.init(this.$refs.chart)
},
watch: {
echatsList() {
this.drawing()
}
},
methods: {
drawing() {
this.myChart.setOption({....})
},
}