学習概要 |
---|
|
一.チャートスタイルの設定
データを可視化するためにダッシュボードで様々なチャートは利用可能です。それでダッシュボードの展示目的と指標によってチャートの種類を決定する必要があります。基本的な考え方は以下です:
データの関連性 | サンプルシーン | おすすめのチャートタイプ |
比較 | 各製品の売上を比較する | 棒グラフ/バブルグラフ/積み上げ面グラフ/ツリーマップ/レーダーチャート/ワードクラウド |
割当 | 職員の教育背景と賃金の関係 | 散布図/分布図/バブルグラフ |
地図 | 全国の店のユーザ数 | ヒートマップ |
割合 | ある製品が総売上高に占める割合 | ドーナツグラフ/円グラフ/積み上げ棒グラフ/ツリーマップ |
セクション | 販売実績の目標設定 | ゲージグラフ/積み上げ面グラフ |
推移 | 売上高の推移 | 折れ線グラフ/スパイラルチャート/面グラフ |
ニ.ハードウェア変数の設定
作成したダッシュボードをを大画面に表示するため、ハードウェアの変数に基づいてダッシュボードのサイズやフォントサイズなどを設定する必要があります。例えば、画面サイズや解像度などの変数を設定する必要があります。
三.データの準備
大画面による最終的な表示は簡単で直感的ものですが、普通大量のデータに基づいています。帳票の計算量を減らすためには、事前にデータを前処理してデータベースに保存することをお勧めします。ダッシュボードを展示する場合、システムはただデータを取り出す必要があるので、展示の効率を大幅に上げることができます。
四.デザインとタイプセット
テーマを決定したあと、インジケータとチャートの設計、レイアウトメトとディスプレイができます。ダッシュボードでは複数のグラフが表示される場合がありますが、展示される情報は通常一次情報、二次情報、付属情報に分けられます。下記の方法を参考に設計とレイアウトをすることをお勧めします。
一次情報:核心的な業務指標は中間位置にあり、広い範囲を占めます。それらのほとんどは動的な効果の豊かな地図です。
二次情報:副次的な指標はほとんど多様なグラフで、画面の両側に位置します。
付属情報:補助的な分析はドリルダウンリンクとカルーセルで表示されます。
五.作成とデバッグ
1.カンバスのサイズ、グラフの種類、レイアウトとデータを決定したあと、カンバスにコンポーネントを追加したり、データを構成したり、スタイルを設定したりすることができます。
2.重要な視覚要素、フォントサイズ、ページの動的効果、図とグラフが予想通りに表示されるかどうか、また変形、不整合か発生するどうかなどを確認するために、常に帳票をプレビューしその視覚効果を調整する必要があります。
3.下記の事項を確保するために、デバッグと最適化を繰り返す必要があります。
グラフィックとグラフのアニメーションが滑らかです。データの読み込みと更新に異常はありません。ページは長時間表示されてもクラッシュしたりフリーズしたりしません。背景制御システムはトップページの表示を正常に切り替えることができます。