記事ディレクトリ
序文
3つのタブボタンは3つのechartsチャートに対応しており、タブをクリックすると対応するechartsチャートが表示されます。タブをクリックすると、表示されていないechartsチャートの幅と高さが間違っているため、クリック後に表示されるechartsチャートは、幅と高さが間違っています。
提示：以下是本篇文章正文内容，下面案例可供参考
1.どうやって解決しますか?
タブのクリック イベントをリッスンし、チャートがクリックされると、コンテナーの幅と高さを再取得し、最後にチャートを再描画するか、サイズをリセットします。
2、解決策
[ブートストラップ] タブを切り替えた後に echarts チャートの幅と高さが正しくない場合は、echarts チャートの初期化時にチャート コンテナの幅と高さが正しく処理されなかった可能性があります。この問題を解決するには、次の手順を試してください。
- echarts のsize() メソッドを使用します。 [ブートストラップ] タブを切り替えた後、対応するイベントまたはコールバック関数で echarts インスタンスのsize() メソッドを呼び出します。これにより、グラフが適切に表示されるようにグラフ コンテナの幅と高さが再計算されます。例えば：
// 在标签页切换后调用resize(