0

タブに Amcharts がありますが、ページの読み込み時に作成すると、不適切な (小さすぎて 0px になることもある) 高さで圧縮されます。タブを切り替えてグラフ タブに戻ると、サイズが変更され、目に見える高さが変更された後に完全に見えることがはっきりとわかります。

私は似たようなトピックをたくさん見てきましたが、それらはすべて、ページを直接ロードするのではなく、タブに到達したときにのみグラフのサイズが小さいことに不満を持っています.

invalidateSize()ページの読み込み時にチャートが作成された後(タイムアウトがあっても) 、 、 などを呼び出そうとしましたが、うまくいきvalidateNow()ません。

正しいサイズを処理するために Amcharts に十分な情報を提供しないコンテナが原因ですか? タブを変更してグラフに戻すときに、Amcharts がグラフのサイズを再計算できるのはなぜですか?

何かヒントがあれば教えてください。どうもありがとうございました

Bootstrapタブシステムを使用しています。

4

1 に答える 1

0

固定の高さを設定することで最終的に解決しました

.amcharts-chart-div{
  height: 436px !important;
}
于 2018-01-16T09:09:06.197 に答える