Estoy usando el mismo componente de gráfico en las pestañas. Cuando se abre la página, el gráfico en la primera pestaña se ve de tamaño normal y cuando hago clic en la segunda pestaña, mi segundo gráfico se ve más pequeño. El tamaño del gráfico cambia. Y cuando hago clic en un botón de filtro para el gráfico, el gráfico tiene el tamaño correcto. El gráfico en la primera pestaña:

La segunda pestaña:

¿Como puedó resolver esté problema?

cuadro

 <div style={{ alignItems: "center", justifyContent: "center", alignSelf: "center", alignContent: "center", margin: "auto 0", marginLeft: "5%", }} > <Chart style={{ margin: "auto 0" }} width={"100%"} height={"460px"} chartType="LineChart" loader={<div>Chart Yükleniyor</div>} data={a} options={{ backgroundColor: "transparent", titleTextStyle: { color: col1 }, hAxis: { textStyle: { color: col1 }, gridlines: { color: col1 }, color: col1, baselineColor: col1, direction: "-1", }, vAxis: { textStyle: { color: col1, }, }, title: spectitle, series: [...titleIndex].reverse().map((a) => ({ color: colors[ai], })), lineWidth: 4, legend: "none", pointSize: 6, }} /> {this.props.titles.map((title, index) => ( <Button ... filters ... </Button> ))} </div>