C3jsチャートはイベントをリッスンしますresize。チャートを自動的にレスポンシブにするのは良いことですが、 Foundationの Reveal modal でチャートを連携させようとすると、重大なパフォーマンスの問題が発生しました。
github issue Reveal modal triggers a resize eventresizeで述べたように、モーダルが開くたびに明らかにモーダルがイベントをトリガーします。
C3jsresizeチャートは、イベントがトリガーされるたびに再レンダリングされます。また、 C3jsresizeが提供する API またはコールバックを使用して、イベント後にチャートを再レンダリングすることを防ぐ方法はないようです。したがって、同じページ内のすべてのC3jsグラフは、モーダルが開くたびに不必要に再描画され、ブラウジング エクスペリエンスが損なわれます。
Foundationが v6 で明らかにモーダルを処理する方法を変更する前に、このパフォーマンスの問題を回避する簡単な方法はありますか?
使用されているバージョンは C3-0.4.9 とfoundation-5.5.1 です