文章目录
- 前言
- 一、如何解决？
- 二、解决方案
- 总结
前言
3个tab按钮对应3个echarts图表，点击tab显示对应echarts图表，当点击tab后，因为未显示的echarts图表获取的宽高错误，所以点击后显示的echart图表是一个错误宽高的图表。
提示：以下是本篇文章正文内容，下面案例可供参考
一、如何解决？
监听tab点击事件，当点击图表时，重新获取容器宽高，最后重新绘制下图表，或者重置下尺寸就可以了。
二、解决方案
如果在Bootstrap的标签页切换后，echarts图表的宽高错误，可能是因为在初始化echarts图表时，未正确处理图表容器的宽高变化。可以尝试以下几个步骤来解决这个问题：
- 使用echarts的resize()方法：在Bootstrap标签页切换后，在相应的事件或回调函数中调用echarts实例的resize()方法。这将重新计算图表容器的宽高，确保图表正常显示。例如：
// 在标签页切换后调用resize