ダッシュボード設計アイディア

  • 作成者:ayuan0625
  • 編集回数:14次
  • 最終更新:FRInternational 于 2023-01-06

  • 学習概要
    • チャートスタイルの設定

    • ハードウェア変数の設置

    • データ準備

    • デザインとタイプセット

    • 作成とデバッグ


    一.チャートスタイルの設定

    データを可視化するためにダッシュボードで様々なチャートは利用可能です。それでダッシュボードの展示目的と指標によってチャートの種類を決定する必要があります。基本的な考え方は以下です:

    データの関連性

    サンプルシーン

    おすすめのチャートタイプ

    比較

    各製品の売上を比較する

    棒グラフ/バブルグラフ/積み上げ面グラフ/ツリーマップ/レーダーチャート/ワードクラウド

    割当

    職員の教育背景と賃金の関係

    散布図/分布図/バブルグラフ

    地図

    全国の店のユーザ数

    ヒートマップ

    割合

    ある製品が総売上高に占める割合

    ドーナツグラフ/円グラフ/積み上げ棒グラフ/ツリーマップ

    セクション

    販売実績の目標設定

    ゲージグラフ/積み上げ面グラフ

    推移

    売上高の推移

    折れ線グラフ/スパイラルチャート/面グラフ

    ニ.ハードウェア変数の設定

    作成したダッシュボードをを大画面に表示するため、ハードウェアの変数に基づいてダッシュボードのサイズやフォントサイズなどを設定する必要があります。例えば、画面サイズや解像度などの変数を設定する必要があります。

    三.データの準備

    大画面による最終的な表示は簡単で直感的ものですが、普通大量のデータに基づいています。帳票の計算量を減らすためには、事前にデータを前処理してデータベースに保存することをお勧めします。ダッシュボードを展示する場合、システムはただデータを取り出す必要があるので、展示の効率を大幅に上げることができます。

    四.デザインとタイプセット

    テーマを決定したあと、インジケータとチャートの設計、レイアウトメトとディスプレイができます。ダッシュボードでは複数のグラフが表示される場合がありますが、展示される情報は通常一次情報、二次情報、付属情報に分けられます。下記の方法を参考に設計とレイアウトをすることをお勧めします。

    • 一次情報:核心的な業務指標は中間位置にあり、広い範囲を占めます。それらのほとんどは動的な効果の豊かな地図です。

    • 二次情報:副次的な指標はほとんど多様なグラフで、画面の両側に位置します。

    • 付属情報:補助的な分析はドリルダウンリンクとカルーセルで表示されます。


    图4.jpg

    五.作成とデバッグ

    1.カンバスのサイズ、グラフの種類、レイアウトとデータを決定したあと、カンバスにコンポーネントを追加したり、データを構成したり、スタイルを設定したりすることができます。

    2.重要な視覚要素、フォントサイズ、ページの動的効果、図とグラフが予想通りに表示されるかどうか、また変形、不整合か発生するどうかなどを確認するために、常に帳票をプレビューしその視覚効果を調整する必要があります。

    3.下記の事項を確保するために、デバッグと最適化を繰り返す必要があります。

    グラフィックとグラフのアニメーションが滑らかです。データの読み込みと更新に異常はありません。ページは長時間表示されてもクラッシュしたりフリーズしたりしません。背景制御システムはトップページの表示を正常に切り替えることができます。

     


    Attachment List


    Theme: FineReport ダッシュボード
    既に最初
    既に最後
    • Helpful
    • Not helpful
    • Only read