（大きな）グラフのプレースホルダー/スケルトン画面の表示
一部のグラフや指標を表示する前に、APIから大量のデータを取得するダッシュボードを作成しています。
他のオプションと比較して、スケルトンスクリーンは持続時間が短いと認識されていることを読みました。なので、やってみたかったです。
人々が置き換えるものは、それが置き換えられるものを示すために、アニメーション化された基本的な形状を使用しているようです。大きなグラフの場合、グラフ領域全体をカバーする大きな長方形に悩まされています。
- それはそのプレースホルダーに何がロードされているかについては何も示していません（そしてそれがロードされたら何が期待されるか）
- それは間違いなく醜いです
代わりにアニメーショングラフを使用することもできますが、それはスケルトンスクリーンのアイデアを壊しているようです。
誰かが似たようなことに直面し、その場合に機能する何かを見つけましたか？
プレースホルダーは、ユーザーが読み込み時に待機しているwhatを理解できるように明示的にする必要があります。
チャートlibがロードされるのを待っていますか？データ？多分コンポーネント全体？
軸のみ
このオプションは、他のコンポーネントのプレースホルダーとの最適な組み合わせです。これは、データのみが読み込まれていて、他のすべてのものがページに既に設定されていることを意味します。
これは、Google Analyticsで使用されるオプションです。
"偽の"チャート
表示されるダミーデータの他の解釈を避けるために、明るい色またはグレースケールと明示的なテキストを使用することを覚えておいてください。
アイコン
この時点で軸コンポーネントまたはダミーデータを使用してチャートコンポーネントをロードできない場合は、シンプルだが関連性のあるアイコンを使用してみませんか？
これらは遅延読み込みイメージと呼ばれます。各コンポーネントで関連する画像を表示することをお勧めします。画像/グラフの場合は、グラフの画像（図1）を表示します。テキスト/段落の場合は、段落の画像（図2）を表示します。
図1 
図2 
ただし、ユーザーの注意範囲内でデータが読み込まれない場合は、アニメーション化されたプレースホルダーを使用しても、アニメーション化されていないプレースホルダーを使用してもかまいません。