Echarts

setOption有三个参数

chart.setOption(option, notMerge, lazyUpdate...);
1
option—— 图表的配置项和数据
notMerge—— 可选，是否不跟之前设置的 option 进行合并，默认为 false，即合并。
lazyUpdate—— 可选，在设置完 option 后是否不立即更新图表，默认为 false，即立即更新。
正确写法：

chart.setOption(option,true);

 

resize()函数可以更改大小

 

 

watch传入的参数

 

 

解决v-if 不显示的问题

要使用这种方式解决获取不到dom的问题

this.chart = echarts.init(this.$refs.lbar);

不可以使用

this.chart = echarts.init(document.getElementById("lbar"));

具体原因待解决

https://segmentfault.com/q/1010000014574665/

https://www.zhihu.com/question/24702250

 

 

 

下面的内容待确认，不一定对

 

 

 

 

watch中的属性

immediate  为true且监听props时，在mounted之前就执行，

deep   可以监听对象或者数组有没有变化，

 

 

Vue 函数    this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。   假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现的，也就好比我们将打印输出的代码放在setTimeout(fn, 0)中；

    this.$nextTick(() => {

      this.initChart();

    });