Echarts图表及数据刷新问题

1.Echarts切换数据后，原数据还在图表上

可以详见ECharts官网对setOption的解释：https://echarts.apache.org/zh/api.html#echartsInstance.setOption
官方举例：

chart.setOption(option, notMerge, lazyUpdate);

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

所以说ECharts会默认合并option，所以才会出现数据变化后图表原数据还在，设置为true后就可以解决问题。

var chartDom = this.$refs['myChart'];
var chart = echarts.init(chartDom);

chart.setOption(option, true);

上面是我解决的具体代码，加上true.

2.Echarts图表随屏幕大小自动缩放或者每次图表重构后resize()

chart.resize();

window.addEventListener('resize', () => {
   chart.resize();
 });
document.addEventListener('fullscreenchange', () => {
  chart.resize();
});
document.addEventListener('webkitfullscreenchange', () => {
 chart.resize();
});
document.addEventListener('mozfullscreenchange', () => {
 chart.resize();
});
document.addEventListener('msfullscreenchange', () => {
  chart.resize();
});

以上内容仅供参考。