リアルタイム ダッシュボードのビジュアルをカスタマイズする

リアルタイム ダッシュボードは、基になる Kusto 照会言語 (KQL) クエリでサポートされる視覚的表現を特徴とするタイルのコレクションです。 この記事では、Real-Time ダッシュボード タイルの視覚化とクエリを編集する方法について説明します。 また、各視覚化の種類に固有のカスタマイズ プロパティの概要も示します。

Real-Time ダッシュボードでは、 レンダー 演算子のコンテキストで作成できるすべての視覚化と、 ダッシュボード固有のビジュアルがサポートされます。

ヒント

Fabric Embedded を使用して、独自の Web アプリケーションにダッシュボードビジュアル Real-Time 埋め込むことができます。

前提条件

ダッシュボード タイルをカスタマイズする

ダッシュボードを変更するには:

  1. [表示] を選択し、モードを [編集] に切り替えます。

  2. カスタマイズするタイルで、[ 編集] アイコンを選択します。 基になるクエリまたは視覚化プロパティを編集します。

  3. [ 変更の適用] を選択して変更を保存し、ダッシュボードに戻ります。

カスタマイズのプロパティ

次の表では、使用可能なカスタマイズ プロパティについて説明し、セクションごとにアルファベット順に分類し、各プロパティをサポートするビジュアルを指定します。

セクション​​ プロパティ 説明 ビジュアルの種類
色 カラー パレット ヒートマップに使用する色のセットを決定します。 ヒートマップ
条件付き書式 非表示/表示 条件付き書式をオフまたはオンにするトグル オプション。 詳細については、条件付き書式設定を参照してください。 異常チャート、エリアチャート、棒グラフ、列チャート、KPI、マルチスタッツ、散布チャート、表、時間チャート
Data Y 列 縦軸のデータを提供する列。 異常グラフ、面グラフ、横棒グラフ、縦棒グラフ、折れ線グラフ、散布図、時間グラフ
X 列 横軸のデータを提供する列。 異常グラフ、面グラフ、横棒グラフ、縦棒グラフ、折れ線グラフ、散布図、時間グラフ
系列の列 データを異なる系列に分類するために使用される列。 異常グラフ、面グラフ、横棒グラフ、縦棒グラフ、折れ線グラフ、散布図、時間グラフ
カテゴリ列 データ カテゴリを決定する列。 じょうごグラフ、ヒートマップ、円グラフ
ラベル列 指定された列を使用して、各スロットにラベルを割り当てます。 マルチスタット
値列 視覚化のデータを提供する列。 ファネルチャート、KPI、マルチステータス
Value ヒートマップのプライマリ変数として機能する数値列。 ヒートマップ
数値列 データ カテゴリの数値を提供する列。 円グラフ
場所を定義する 場所の定義に使用する方法 (推論、緯度と経度、または Geo ポイント) を決定します。 マップ
データ系列の色 カラー パレット 視覚化に表示される色をカスタマイズします。 異常グラフ、面グラフ、横棒グラフ、縦棒グラフ、折れ線グラフ、円グラフ、散布図、時間グラフ、時系列グラフ
オプションの表示 並べ替え順 グラフの結果を並べ替える方法: 名前、 サイズ、または なし。 円グラフ
上位 N グラフの上位 n 個の値のセクションのみを表示するオプション。 円グラフ
全般 表示の向き ディスプレイの向きを決定します(水平または垂直)。 マルチスタット
テキスト サイズ テキストのサイズを決定します:推奨、小、または大。 マルチステート、ステート
ビジュアル フォーマット グラフの形式を決定します。 面グラフ、横棒グラフ、縦棒グラフの場合、書式は標準、積み上げ、または 100% 積み上げのいずれかにすることができます。 円グラフの場合、書式は円またはドーナツにすることができます。 面グラフ、横棒グラフ、縦棒グラフ、円グラフ
レイアウト スロットの構成 1 列 x 1 行 (1 スロット) から 5 列 x 5 行 (25 スロット) までのオプションでグリッド レイアウトをカスタマイズします。 マルチスタット
凡例 非表示/表示 グラフ内のデータ系列を説明する凡例を表示または非表示にします。 異常グラフ、面グラフ、横棒グラフ、縦棒グラフ、複数統計、散布図、時間グラフ
[サイズ] 非表示/表示 マップ ポイントのサイズ設定をオンまたはオフに切り替えます。 マップ
列サイズ マップ ポイントのサイズを決定するために使用される列。 マップ
URL リンクを列に適用 有効にすると、この列の値を選択すると、URL 列で指定された URL に 移動します。 テーブル
URL 列 URL 値を含む列。 テーブル
X 軸 ラベル 横軸のカスタム ラベルを設定します。 異常グラフ、面グラフ、横棒グラフ、縦棒グラフ、複数統計、散布図、時間グラフ
垂直線の値 垂直参照線の水平軸の値を指定します。 異常グラフ、面グラフ、横棒グラフ、縦棒グラフ、複数統計、散布図、時間グラフ
X 軸スケール 横軸のスケールを線形または対数に調整します。 異常グラフ、面グラフ、横棒グラフ、複数統計、散布図、テーブル、時間グラフ
Y 軸 ラベル 縦軸のカスタム ラベルを設定します。 異常グラフ、面グラフ、横棒グラフ、縦棒グラフ、複数統計、散布図、時間グラフ
最大値 縦軸の最大値を定義します。 異常チャート、エリアチャート、棒グラフ、柱グラフ、KPI。 マルチ統計、散布図、時系列チャート
最小値 縦軸の最小値を定義します。 異常チャート、エリアチャート、棒グラフ、列チャート、KPI、マルチスタット、散布チャート、時間チャート
基準線 グラフの値を視覚的なガイダンスの参照線としてマークします。 異常チャート、エリアチャート、棒グラフ、列チャート、KPI、マルチスタット、散布チャート、時間チャート

データ系列の色

データ系列の色を使用して、ビジュアルに色を適用する方法を制御します。 色の自動割り当てではなく、各データ系列に特定の色を割り当てて、ダッシュボード全体で意味を伝え、一貫性を維持します。

データ系列の色を使用すると、次のことができます。

  • 各データ系列に色を直接割り当てます。

  • システムの既定値を意図的な選択肢でオーバーライドします。

  • ビジュアルとダッシュボード全体で色の一貫性を維持します。

この機能は、次の種類のビジュアルでサポートされます: 異常グラフ、面グラフ、横棒グラフ、縦棒グラフ、折れ線グラフ、円グラフ、散布図、時間グラフ、時系列ビジュアル。

データ系列の色を構成するには:

  1. [表示] を選択し、モードを [編集] に切り替えます。

  2. カスタマイズするビジュアルの [編集] アイコンを選択します。

  3. 書式設定ウィンドウの [ ビジュアル ] タブで、[ 系列の色 ] セクションを展開します。

  4. ビジュアル内の各データ系列の色を選択します。

  5. [ 変更の適用] を選択して設定を保存します。

[ビジュアル] タブの [系列の色] セクションのスクリーンショット。

意図的に色を割り当てると、視聴者は凡例やラベルを読む必要なく、ビジュアルを一目で解釈できます。 組織の標準に合わせた色や、重要な状態の場合は赤、正常なメトリックの場合は緑など、各系列の意味を自然に伝える色を使用することを検討してください。

KPI可視化

KPIタイルは、単一のクエリベースの数値を視覚的な指標として表示します。 指標の健全性や状況を素早く評価するのに役立ちます。 「この価値は健全なのか問題なのか?」といった質問に答える必要がある監視シナリオにはKPIタイルを使いましょう。「基準値より上ですか、それとも下ですか?」

表示モード

KPIタイルは4つの表示モードをサポートしています:

Mode 説明 最適な用途
ゲージ 針が現在の値を指す180°の弧 クラシックなモニタリングダッシュボード
Bar 現在の値を反映するように塗られた横棒 コンパクトな水平レイアウト
ドーナツ 360度の進行リング 正方形タイルのレイアウト
数値 しきい値色を持つ大きなフォーマットの数字 高密度ダッシュボード

KPIタイルを追加してください

  1. ダッシュボードで 編集 モードに切り替えてください。

  2. メニュー上部バーで「 ビジュアルを追加 」を選択し、その後 「KPI」を選択してください。

    KPIを選択していたビジュアル追加メニューのスクリーンショットです。

  3. KPI設定の設定:

    • ビジュアルタイプ: バー、 ドーナツ、 ゲージ、 ナンバーの中から選択。
    • データ:クエリから数値フィールドを選択して表示してください。
    • 値の形式: 自動表記、小数点、千区切り記法、またはコンパクト表記(例:1.2K)を選びます。
    • 条件付きフォーマット:KPIの健全な範囲、警告レベル、クリティカルの範囲を定義する閾値を設定しましょう。 また、高い値か低い値が悪いかを選べます。
    • 基準線:オプションで、目標値や期待値を示す基準線を追加できます。

    KPI設定ペインのスクリーンショットで、ビジュアルタイプ、データ、値フォーマット、条件付きフォーマット、参照行のオプションがあります。

  4. 「 完了 」を選択してタイルをダッシュボードに追加してください。

  5. ダッシュボードを保存するには 「保存 」ボタンを選択してください。

ヒント

自然言語からKPIタイルを作成・設定するには、Copilotを使います。 例えば、「70と90の閾値でCPU使用率をゲージとして表示する」や「エラー率の基準を5%でKPIを作成してください」といったプロンプトを試してみてください。

KPI閾値の状態

KPIタイルは、現在の値としきい値設定に基づいて3つの閾値状態のいずれかを表示します。

状態 デフォルトの色 説明
よし 🟢 緑 値は正常範囲内です。
Warning 🟡 黄色 バリューは臨界点に近づいています。
危うい 🔴 赤 価値は問題のある範囲に入っています。

しきい値の方向を設定できます。 「 Set Higher」は エラー率やレイテンシなどの指標では不利で、 Lowerは スループットや可用性などの指標では不利です。 アクセシビリティを確保するために、閾値状態は色に加えてパターンの塗りつぶし(ストライプやドット)も使用し、色覚異常のユーザーでも区別しやすいようにしています。

KPI変更検出

KPIタイルはポーリングではなくイベント駆動型の更新を使用しています。 データソースが新しいデータを受け取ると、KPI値は自動的に300msの滑らかな移行アニメーションで更新されます。 もし60秒以内に新しいデータが届かない場合(タイル設定で設定可能)、 データの古い オーバーレイに最後の更新のタイムスタンプが表示されます。

レスポンシブサイズ

KPIタイルはタイルのサイズに応じてレイアウトを調整します:

タイル サイズ レンダリング要素
小(2×2から3×3) 値としきい値の色のみです。
中(4×4から6×6) 値、ラベル、単位、しきい値色、基準マーカー。
ラージ(7×7以上) しきい値帯、ティックマーク、スケールラベルを含むフルレンダリング。

関連するコンテンツ

  • 最終更新: