在tab切换时发生第二张图片echarts图表会发生变形,我是用了resize但是还是不行
window.addEventListener("resize", function() {
myChart.resize();
});
然后寻找网上的方案,我的width设置100%最后变成100px是因为show隐藏了,写死宽度就行,但是我发现无法自适应,最后将两个图表写到两个组件里,用components放进来引用即可使用v-if显示切换,完美的切换并且都自适应

本文探讨了解决在Tab切换时Echarts图表发生变形的问题。通过调整图表组件的实现方式,采用v-if进行显示切换,实现了图表的完美适配与自适应。此方法不仅解决了图表变形问题,还确保了图表在不同屏幕尺寸下的良好展示。
1784

被折叠的 条评论
为什么被折叠?



