Directorio de artículos
prefacio
Los 3 botones de pestaña corresponden a 3 gráficos echarts, haga clic en la pestaña para mostrar el gráfico echarts correspondiente, cuando se hace clic en la pestaña, debido a que el ancho y la altura del gráfico echarts no mostrado son incorrectos, el gráfico echart que se muestra después de hacer clic es un gráfico con un ancho y alto incorrectos.
提示:以下是本篇文章正文内容,下面案例可供参考
1. ¿Cómo solucionarlo?
Escuche el evento de clic en la pestaña. Cuando se hace clic en el gráfico, vuelva a adquirir el ancho y el alto del contenedor y, finalmente, vuelva a dibujar el gráfico o restablezca el tamaño.
Dos, la solución
Si el ancho y el alto del gráfico echarts son incorrectos después de cambiar la página de la pestaña Bootstrap, puede deberse a que el ancho y el alto del contenedor del gráfico no se manejaron correctamente cuando se inicializó el gráfico echarts. Puede probar los siguientes pasos para resolver este problema:
- Utilice el método resize() de echarts: después de cambiar la pestaña Bootstrap, llame al método resize() de la instancia de echarts en el evento correspondiente o en la función de devolución de llamada. Esto volverá a calcular el ancho y el alto del contenedor del gráfico para garantizar que el gráfico se muestre correctamente. Por ejemplo:
// 在标签页切换后调用resize(