echarts图表页面加载隐藏图表宽度失效问题

Posted 2021-09-03 墨子鱼

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了echarts图表页面加载隐藏图表宽度失效问题相关的知识，希望对你有一定的参考价值。

echarts初始化隐藏时，不能设置width:100%不能撑起页面，需要通过动态获取对应的宽度，设置宽度，再初始化echarts

如：
<div ref="echart" class="echart" v-show="!showBz"></div>
<div ref="echart1" class="echart" v-show="showBz" :style="{width:${fullW}px}"></div>

this.fullW=this.$refs.echart.clientWidth;
this.myChart1 = echarts.init(this.$refs.echart1);

以上是关于echarts图表页面加载隐藏图表宽度失效问题的主要内容，如果未能解决你的问题，请参考以下文章