複数のグラフを含むダッシュボードがあります。グラフは親 DOM の幅の変更をリッスンし、それに応じてサイズを変更しますが、これには時間がかかります。
Chrome で Cmd+P を押すと、ビューポートが縮小され、一部の DOM 要素が再編成されますが、JS がチャートを再レンダリングするまで待機しません。
問題は、Chrome がそれを待たないことです。その結果、グラフが全幅にレンダリングされません。
行くことができますhttps://www.fusioncharts.com/demos/dashboards/wealth-management-dashboard-with-export/自分で確認してみましょう。
JS の再レンダリングが完了した後に Chrome にスクリーンショットを撮るように指示する方法はありますか。チャートの準備ができたらコールバックを受け取るとします。
PS: Chrome ヘッドレスで同様の実装をしたいので、これを質問しています。Chrome で不可能なら、Chrome ヘッドレスでは可能かもしれません。どんな回答でも歓迎します。