ウィジェットのタイプ

次に、Dash Studio で使用可能なウィジェットのタイプを示します。

時系列ウィジェット

時系列ウィジェットは、線によって繋がれた 2 次元の時間ベースのデータポイントです。1 つのグラフに複数の線を設定できます。

ウィジェットのプロパティ

時系列ウィジェットの外観を変更するには、[ウィジェットのプロパティ(Widget Properties)] パネルで次のオプションを選択します。

表 1. カード
プロパティ 説明
背景色 ウィジェットの背景色を設定します。デフォルトオプションをそのまま使用することも、カスタマイズすることもできます。
パディング ウィジェット内のテキストの上部と下部の間にスペースを追加します。デフォルト値は 1 です。
ボーダー ウィジェットの周囲に境界線を設定します。
シャドウ ウィジェットの周囲に影を設定します。
Title ウィジェットのタイトルを定義します。
タイトルの配置 ウィジェットのタイトルを揃えます。
タイトルの色 ウィジェットのタイトルの色を設定します。
サブタイトル ウィジェットのサブタイトルを定義します。
表 2. 可視化
プロパティ 説明
横軸のタイトル ウィジェットの水平軸のタイトルを設定します。これはオプションです。
縦軸のタイトル ウィジェットの垂直軸のタイトルを設定します。これはオプションです。
凡例 凡例を設定します。
凡例の配置 凡例をウィジェットの下部または右側に配置します。
スタック

このオプションを使用して、同じウィジェット内の複数のクエリで数値をスタックします。

  • None:個々のデータバーを表示します。これがデフォルトのオプションです。
  • Normal:すべてのクエリの合計を表示します。
  • Percent:合計を 100% で表示します。カーソルを合わせると、内訳が表示されます。
注: [Chart Type] で [Column] を選択すると、チャートが明確に可視化されます。
Set Series Color

このオプションを使用して、クエリ行に色を割り当てます。有効にすると、カラーパレットが開き、最初のカラーボックスがクエリ A に適用され、2 番目のカラーボックスがクエリ B に適用され、以降も同様に適用されます。

[しきい値(Threshold)] 値を追加することで、ウィジェットにパフォーマンスのベースラインを定義できます。ウィジェットには複数のしきい値を追加でき、これにより、シビラティ(重大度)に基づいてしきい値を設定できます。

表 3. しきい値
プロパティ 説明
ラベル(Label) しきい値の名前を設定します。
設定するしきい値を設定します。
Color しきい値の線の色を設定します。デフォルトでは黒色です。

ウィジェットの時間範囲」を参照してください。

時間範囲の比較」を参照してください。

[Pie] ウィジェット

円グラフウィジェットには、特定の時間範囲の一連のメトリックを統合した単一の値が円グラフによる可視化として表示されます。

Dashboard

ウィジェットのプロパティ

円グラフウィジェットの外観を変更するには、[ウィジェットのプロパティ(Widget Properties)] パネルで次のオプションを選択します。

プロパティ 説明
背景色 ウィジェットの背景色を設定します。デフォルトオプションをそのまま使用することも、カスタマイズすることもできます。
パディング ウィジェット内のテキストの上部と下部の間にスペースを追加します。デフォルト値は 1 です。
ボーダー ウィジェットの周囲に境界線を設定します。
シャドウ ウィジェットの周囲に影を設定します。
Title ウィジェットのタイトルを定義します。
タイトルの配置 ウィジェットのタイトルを揃えます。
タイトルの色 ウィジェットのタイトルの色を設定します。
サブタイトル ウィジェットのサブタイトルを定義します。
プロパティ 説明
データラベル

オンまたはオフにできる個々のデータポイントを定義します。

ラベル形式

ラベルの形式を設定します。次のいずれかのオプションを選択できます。

  • 値と名前
  • 値のみ
値の形式

ラベル値の形式を設定します。次のいずれかのオプションを選択できます。

  • 長い
  • 短い
  • パーセント
凡例 ウィジェットの円グラフの各区画の値を示す凡例を設定します。
凡例の配置 ウィジェットの右側または下に凡例を配置します。
センター値 単位値を設定します。
センター値の形式 中央の単位値の形式を設定します。
[センター値の単位(Center Value Unit)] 中央値の単位を設定します。これはオプションです。

ウィジェットの時間範囲」を参照してください。

ワンクリックのアクションを参照してください。

メトリック番号

メトリック番号のチャートでは、単一の値/KPI が強調表示され、通常は次を使用して作成されます。

  • データパネルを使用して指定できる 1 つの測定値。
  • 複数のメトリックの組み合わせまたは集約。

値の画面には、次の情報が表示されます。

  • 任意の即時に 1 つの測定値またはメトリック値。
  • 2 つの値(2 つの異なるメトリックまたは異なる時間ポイントのメトリックのいずれか)の比較。
  • 多数のオブジェクトまたは長時間の間隔におけるメトリックの集約。

時間の経過に伴う値の傾向を考慮している場合、これらのチャートは、現在の値、または値の変化を一定期間にわたってより詳細に解釈できるコンテキスト情報によって強化できます。これらのチャートには、インシデントの日付と時刻などの数字とテキストが表示されます。

メトリック値、またはこれらの値の組み合わせは、1 つのメトリックを選択するなど、さまざまな方法で表示することもできます。

  • 詳細情報を確認したい特定のエンティティまたはオブジェクトに関連付けられている名前。
  • 特定のタイプのすべてのエンティティ、またはエンティティで指定されたサブリストの集約。

  • 動的に決定されたエンティティのサブリストの集約。

メトリック番号により、現時点でのメトリックの値と、任意の時間間隔におけるメトリックの値のパターンを理解することができます。

メトリック番号

ウィジェットのプロパティ

メトリック番号ウィジェットの外観を変更するには、[ウィジェットのプロパティ(Widget Properties)] パネルで次のオプションを選択します。

表 4. カード
プロパティ 説明
背景色 ウィジェットの背景色を設定します。デフォルトオプションをそのまま使用することも、カスタマイズすることもできます。
パディング ウィジェット内のテキストの上部と下部の間にスペースを追加します。デフォルト値は 1 です。
ボーダー ウィジェットの周囲に境界線を設定します。
シャドウ ウィジェットの周囲に影を設定します。
Title ウィジェットのタイトルを定義します。
タイトルの配置 ウィジェットのタイトルを揃えます。
タイトルの色 ウィジェットのタイトルの色を設定します。
サブタイトル ウィジェットのサブタイトルを定義します。
表 5. 可視化
プロパティ 説明
メトリック名の表示 メトリックの名前を表示または非表示にします。
ユニット名 ウィジェット値の単位を設定します。これはオプションです。
番号形式

ウィジェット値の形式を設定します。次のいずれかのオプションを選択できます。

  • 短期
  • Long
  • パーセント
水平方向の配置 テキストの配置を左、中央、または右に設定します。

ウィジェットの時間範囲」を参照してください。

時間範囲の比較」を参照してください。

ワンクリックのアクションを参照してください。

ゲージウィジェット

ゲージウィジェットを使用すると、メトリックデータを相対的なスケールで表示できます。ステータスは円弧によって示され、左端が最小値、右端が最大値です。

ゲージウィジェットには次の 3 つのタイプがあります。

  • ステータスゲージ:デフォルトのゲージウィジェットはステータスゲージです。
  • ターゲット ゲージ ウィジェット:ターゲットモードのゲージウィジェットは、ターゲット ゲージ ウィジェットと呼ばれます。ターゲットゲージを使用すると、メトリックのターゲット値を設定できます。これは、ターゲット値を指す三角形のインジケータで円弧上に設定されます。しきい値は、このタイプのウィジェットでは非表示になります。
  • しきい値ウィジェット:このウィジェットにはしきい値が表示されます。色の変化による視覚的なアラートを提供します。
注: ゲージウィジェットは現在、次のデータバインドオプションのみをサポートしています。ADQL QueryApplicationsThousandEyes

ウィジェットのプロパティ

ゲージウィジェットの外観を変更するには、[ウィジェットのプロパティ(Widget Properties)] パネルで次のオプションを選択します。

表 6. カード
プロパティ 説明
背景色 ウィジェットの背景色を設定します。デフォルトオプションをそのまま使用することも、カスタマイズすることもできます。
パディング ウィジェット内のテキストの上下にスペースを追加します。デフォルト値は 1 です。
ボーダー ウィジェットの周囲に境界線を設定します。
シャドウ ウィジェットの周囲に影を設定します。
Title ウィジェットのタイトルを定義します。
タイトルの配置 ウィジェットのタイトルを揃えます。
タイトルの色 ウィジェットのタイトルの色を設定します。
サブタイトル ウィジェットのサブタイトルを定義します。
表 7. 可視化
プロパティ 説明
メトリック名 メトリックの名前を表示または非表示にします。
メトリックの値を表示または非表示にします。
値の形式

値の形式を設定します。次のいずれかのオプションを選択できます。

  • 長い
  • 短い
  • パーセント
最小値と最大値 ウィジェットに表示される の最大値と最小値を表示または非表示にします。
値範囲の設定 目的の入力に最大値と最小値を設定します。
Target このオプションを有効にすると、ステータスゲージはターゲット ゲージ ウィジェットに変わります。[なし(None)]、[固定(Fixed)]、または [パーセンテージ(Percentage)] に設定できます。
注: [Target] オプションを有効にすると、ウィジェットのすべてのしきい値が非表示になります。
表 8. しきい値
プロパティ 説明
しきい値の順序を逆にする しきい値の色の順序を逆にします。デフォルトでは、色の順序は通常で緑色、警告で黄色、重大で赤色になりますが、このトグルボタンを有効にすると順序が変わり、通常で赤色、警告で黄色、重大で緑色になります。
すべてのしきい値 ウィジェットにすべてのしきい値を表示し、[ターゲット(Target)] オプションは自動的に無効になります。
しきい値の開始値(%) しきい値の範囲を 0 〜 100% の間で設定します。
  • [Normal] の範囲は、0 と、定義された正常のしきい値の間です。
  • [Warning] の範囲は、通常のしきい値と警告のしきい値の間です。[Critical] は、警告しきい値を超えた場合です。
  • [Critical] は、警告のしきい値を超える状態です。
注: しきい値オプションが有効になっている場合、[Target] オプションはパネルに表示されません。

ウィジェットの時間範囲」を参照してください。

ワンクリックのアクションを参照してください。

[Health] ウィジェット

正常性ウィジェットは、指定された時間範囲の 1 つ以上のエンティティの正常性情報をさまざまな方法で可視化します。このウィジェットを使用すると、アプリケーション、ビジネストランザクション、階層、ノード、および正常性ルールについて、一度に 1 つ以上のエンティティの正常性情報を作成して表示できます。デフォルトでは、正常性ウィジェットは、円グラフで正常性情報を表示します。円グラフによる可視化では、ドーナツグラフの中心にメトリック値を表示する追加のオプションがあります。

ウィジェットのプロパティ

正常性ウィジェットの外観を変更するには、[ウィジェットのプロパティ(Widget Properties)] パネルで次のオプションを選択します。

表 9. カード
プロパティ 説明
背景色 ウィジェットの背景色を設定します。デフォルトオプションをそのまま使用することも、カスタマイズすることもできます。
パディング ウィジェット内のテキストの上部と下部の間にスペースを追加します。デフォルト値は 1 です。
ボーダー ウィジェットの周囲に境界線を設定します。
シャドウ ウィジェットの周囲に影を設定します。
Title ウィジェットのタイトルを定義します。
タイトルの配置 ウィジェットのタイトルを揃えます。
タイトルの色 ウィジェットのタイトルの色を設定します。
サブタイトル ウィジェットのサブタイトルを定義します。
表 10. 可視化
プロパティ 説明
次のように表示
データラベル

オンまたはオフにできる個々のデータポイントを表示または非表示にします。

ラベル形式

ラベルの形式を設定します。次のいずれかのオプションを選択できます。

  • 数のみ
  • 数とタイプ
センター値の形式 中央の単位値の形式を設定します。
[センター値の単位(Center Value Unit)] 中央値の単位を設定します。これはオプションです。

ウィジェットの時間範囲」を参照してください。

正常性情報の表示

データパネルでは、正常性ウィジェットに表示される正常性情報のデータ型を選択できます。

たとえば、e-コマースアプリケーションの正常性ステータスを把握する必要があるとします。

  1. 表示するデータ型に基づいて、[次のデータを表示(Show me data for)] ドロップダウンから値を選択します。この例では、[Health Rules] を選択します。
  2. [データ(Data)] パネルに表示される後続の入力フィールドは、前の手順で選択したデータ型に固有のものです。[Application] ドロップダウンをクリックし、データをドリルダウンするアプリケーションを選択します。
  3. 次のドロップダウンでは、ポップオーバーリストから特定の [指定(Named)] 正常性ルールを選択するか、[すべての正常性ルール(All Health Rules)] を選択します。たとえば、[すべての正常性ルール(All Health Rules)] を選択すると、正常性ウィジェットが次のように表示されます。正常性ウィジェットの例すべてのフィールドに有効な入力値を指定すると、ウィジェットがキャンバス上で更新されて結果が表示されます。中央値を表示するには、[センタークエリの追加(Add Center Query)] をクリックします。正常性ルールの正常性を表示する場合、 [表示(View)] モードでドーナツ グラフの個々のスライスをクリックすると、正常性ルールに関する詳細情報を取得できます。その後、各正常性ルールをクリックしてさらにドリルダウンすることができます。

データグリッドウィジェット

データグリッドウィジェットは、Dash Studio のすべてのイベントに関連付けられたエンティティのリストをすばやく表示します。このウィジェットでは、データのコレクションを表形式で表示できます。実行する必要があるドリルダウンと他のパネルへのナビゲーションの回数を減らすことで、トラブルシューティング機能が向上します。

ウィジェットのプロパティ

データグリッドウィジェットの外観を変更するには、[ウィジェットのプロパティ(Widget Properties)] パネルで次のオプションを選択します。

表 11. カード
プロパティ 説明
背景色 ウィジェットの背景色を設定します。デフォルトオプションをそのまま使用することも、カスタマイズすることもできます。
パディング ウィジェット内のテキストの上部と下部の間にスペースを追加します。デフォルト値は 1 です。
ボーダー ウィジェットの周囲に境界線を設定します。
シャドウ ウィジェットの周囲に影を設定します。
Title ウィジェットのタイトルを定義します。
タイトルの配置 ウィジェットのタイトルを揃えます。
タイトルの色 ウィジェットのタイトルの色を設定します。
サブタイトル ウィジェットのサブタイトルを定義します。
表 12. 可視化
プロパティ 説明
列のソート(Column sorting) ウィジェット列の項目をソートします。
列のサイズ変更(Column resizing)

データグリッドのビューポートに含まれるコンテンツに基づいて、ウィジェットの列の幅を調整またはサイズ変更します。

データのエクスポートを許可

データグリッドウィジェットの表示モードでダウンロードオプションを有効にするには、このトグルを有効にします。ダウンロードオプションを使用すると、データグリッドウィジェットのデータが .csv 形式でダウンロードされます。

検索 ウィジェット内のオブジェクトを検索します。
グリッドフッター フッターの内容を表示または非表示にします。
行の高さ(Row height) 行の高さを調整します。
Filter panel フィルタのリストを表示します。

ウィジェットの時間範囲」を参照してください。

イベントリストの表示

特定のデータソースのイベントリストを表示するには、ウィジェットパレットからデータグリッドウィジェットのアイコン()を選択します。

  1. [データ(Data)] パネルで、[次のデータを表示(Show me data for)] をクリックし、[イベント(Events)] を選択します。
  2. 後続のドロップダウンをクリックし、イベントのリストを表示するデータソースを選択します。この例では、[アプリケーション(Applications)] が選択されています。

    注: [データ(Data)] パネルに表示される後続の入力は、前のステップで選択したデータ型に固有のものです。
  3. [アプリケーション(Application)] をクリックして、オプションのリストから 1 つを選択します。アプリケーション名を手動で入力することもできます。

    すべての必須フィールドに有効な入力を指定すると、ウィジェットがキャンバスで更新され、結果が表示されます。適用可能なフィルタを参照するには、データグリッドウィジェットの右上隅にある [フィルタパネル(Filter Panel)] アイコンをクリックします。イベントタイプと正常性ルールに基づいてフィルタリングできます。

    注: 選択したイベントに関するサマリー、詳細、実行されたアクション、コメントなどの情報を表示するには、ウィジェットの特定の行をダブルクリックします。イベント情報の分析に基づいて、ウォールームの開始、イベントの削除やアーカイブ、またはアクションのテストを行うことができます。また、エッジをドラッグして、ウィジェットを垂直および水平方向にサイズ変更することもできます。

ラベルウィジェット

ラベルウィジェットは、ダッシュボードキャンバスにテキストを追加できる単純なテキスト文字列です。

ウィジェットのプロパティ

ラベルウィジェットの外観を変更するには、[ウィジェットのプロパティ(Widget Properties)] パネルで次のオプションを選択します。

表 13. カード
プロパティ 説明
背景色 ウィジェットの背景色を設定します。デフォルトオプションをそのまま使用することも、カスタマイズすることもできます。
パディング ウィジェット内のテキストの上部と下部の間にスペースを追加します。デフォルト値は 1 です。
ボーダー ウィジェットの周囲に境界線を設定します。
シャドウ ウィジェットの周囲に影を設定します。
表 14. 可視化
プロパティ 説明
フォントの色 ウィジェット内のテキストの色を指定します。
フォントサイズ ウィジェット内のテキストのサイズを指定します。
水平方向の配置 ウィジェット内のテキストの水平方向の配置を定義します。
垂直方向の配置 ウィジェット内のテキストの垂直方向の配置を定義します。

ワンクリックのアクションを参照してください。

[Image] ウィジェット

イメージウィジェットを使用すると、新しいダッシュボードにイメージを追加できます。

ウィジェットのプロパティ

イメージウィジェットの外観を変更するには、[ウィジェットのプロパティ(Widget Properties)] パネルで次のオプションを選択します。

表 15. カード
プロパティ 説明
背景色 ウィジェットの背景色を設定します。デフォルトオプションをそのまま使用することも、カスタマイズすることもできます。
パディング ウィジェット内のテキストの上部と下部の間にスペースを追加します。デフォルト値は 1 です。
ボーダー ウィジェットの周囲に境界線を設定します。
シャドウ ウィジェットの周囲に影を設定します。
表 16. 可視化
プロパティ 説明
イメージスケール

イメージサイズを設定します。

次のいずれかのオプションを選択できます。

  • スケールに合わせて調整
  • 元のサイズ
  • ストレッチ

Iframe ウィジェット

Iframe ウィジェットを使用すると、ダッシュボードに別のダッシュボードまたは Web サイトのデータを埋め込むことができます。これは、複数のオペレータがそれぞれ特定のダッシュボードで作業していて、それらのダッシュボードをすべてプライマリダッシュボードにロールアップする場合に、ダッシュボードを管理するのに役立ちます。

Iframe ウィジェットを有効にするには、次の手順を実行します。

  1. 管理者としてコントローラ UI にログインします。
  2. [設定(Settings)] > [管理(Administration)] を選択します。
  3. [統合(Integration)] > [Dash Studio Iframe] を選択します。
  4. [iframeウィジェットの有効化(Enable iframe widgets)] を切り替えます。
  5. [承認済みドメイン(Accepted Domains)] で、[任意のドメイン(Any domain)] または [特定のドメイン(Specific domains)] のいずれかを選択します。[特定のドメイン(Specific domains)] を選択してドメインを指定すると、指定したドメインのみがダッシュボードでサポートされます。

    警告: 管理者ページで指定されたドメインに加えて、コントローラのドメインが自動的に受け入れられます。
  6. [Save] をクリックします。
注: 変更を有効にするには、ブラウザを更新するか、コントローラに再ログインする必要があります。

Iframe ウィジェットを次のように構成します。

  1. [Dashboards & Reports] > [Dash Studio] に移動し、ダッシュボードを作成します。
  2. Iframe ウィジェットを選択し、[Data] で URL を指定します。

    注: サンドボックスオプションがデフォルトで選択されています。フォームや Javascript などの高度な HTML 機能は、URL がダッシュボードと同じドメインにない限り機能しません。これらの機能を表示する場合は、サンドボックスをオフにします。
    注: [View Accepted Domains] をクリックすると、システム管理者が有効にしたドメインのリストを表示できます。

    また、Iframe 内に Geo ダッシュボードマップを埋め込むこともできます。Iframe 内にマップウィジェットを表示するには、次の手順を実行します。

    1. [Browser App Dashboard] > [Geo Dashboard] または [Mobile App Dashboard] > [Geo Dashboard] に移動します。

    2. マップウィジェットの URL をコピーします。

    3. [Data] の下に URL を貼り付けます。

  3. [Embed] をクリックします。

ウィジェットのプロパティ

Iframe ウィジェットの外観を変更するには、[ウィジェットのプロパティ(Widget Properties)] パネルで次のオプションを選択します。

表 17. カード
プロパティ 説明
背景色 ウィジェットの背景色を設定します。デフォルトオプションをそのまま使用することも、カスタマイズすることもできます。
パディング ウィジェット内のテキストの上部と下部の間にスペースを追加します。デフォルト値は 1 です。
ボーダー ウィジェットの周囲に境界線を設定します。
シャドウ ウィジェットの周囲に影を設定します。
Title ウィジェットのタイトルを定義します。
タイトルの配置 ウィジェットのタイトルを揃えます。
タイトルの色 ウィジェットのタイトルの色を設定します。
サブタイトル ウィジェットのサブタイトルを定義します。