vue tab切换echarts的时候(v-if和v-show)所踩得坑

由于v-show只是设置了元素的display属性为none,在切换的时候没有获取到元素的宽高所有会有问题,换成v-if就ok了

echarts如果用v-if来切换显示隐藏两个不同配置的图标,比如说柱状图和饼状图的时候,如果柱状图不配置x轴和Y轴的现实和隐藏如下图


这样在切换的时候饼状图也会保留这个坐标轴,解决方案是在各自不同的配置选项中配置坐标轴的show参数。

饼状图的设置为false,这样就不会显示了,


柱状图设置图表位置


饼状图设置图表的位置


猜你喜欢

转载自blog.csdn.net/qq_31965515/article/details/80941748