需求一个页面多个echarts图表,把echarts写出组件 通过props传值
第一种方法:
- 在父子间中
使用ref 在给子组件传值之后 通过this.$refs.drawPie() 执行echarts组件里面方法实现实时刷新数据
第二种方法
在echarts子组件 watch监听传过来的值 当值发生变化是就执行this.drawPie()方法,就不在mounted中执行
watch:{
data: {
handler(newValue, oldValue) {
this.from = newValue; //把新值赋值给我们的属性数据
this.drawPie(); //刷新echarts图表
},
deep: true
}
},
格式:myChart.setOption({…},true),第二个参数 notMerge 一定要填写
当修改setOption值的时候,我们异步回来的数据层级比较深的情况下,需要echarts重绘,否则不会如愿显示
主要体现,你增加数据可以,但是减少数据,发现视图上还是保持着最多数据的展示效果
notMerge默认为false,是否不跟之前设置的 option 进行合并