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();
});
以上内容仅供参考。