需要使用markRaw属性,数据改变,视图不会发生变化
同时渲染之前先销毁当前echarts实例,再进项实时渲染以达到自适应的效果
上代码
定义变量
const myChart = ref();
// 图表自适应
onMounted( () => {
window.onresize = () => {
myChart.value.resize();
};
});
const drawMonth = () => {
echarts.init(detailChart.value).dispose()//先销毁
myChart.value = markRaw(echarts.init(detailChart.value));
const option = {};
myChart.value.setOption(option);
};