插件版本

"vue": "^2.6.14", "vue-echarts": "^6.2.3", 代码使用来绘制表格

问题现象

this.chartOption更改后，如果内容比原来多，则会触发更新，反之不会。 如点击按钮后将this.chartOption设置为空对象{}，发现图表并未更新。

echart文档调查

查询官方文档后得出：

echartsInstance.setOption(option: Object, opts?: {
    notMerge?: boolean;
    replaceMerge?: string | string[];
    lazyUpdate?: boolean;
})

• notMerge: boolean

  notMerge可选。是否不跟之前设置的 option 进行合并。默认为 false。即表示合并。合并的规则，详见 组件合并模式。如果为 true，表示所有组件都会被删除，然后根据新 option 创建所有新组件。

解决办法

在v-chart中配置notMerge属性

<v-chart option="chartOption" autoresize :update-options="{notMerge:true}"/>