ウィジェットのタイプ

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

時系列ウィジェット

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

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

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

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

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

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

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

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

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

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

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

[Pie] ウィジェット

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

Dashboard

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

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

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

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

Label Format

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

  • Value and Name
  • Value only
Value Format

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

  • Long
  • Short
  • Percent
Legend ウィジェットの円グラフの各区画の値を示す凡例を設定します。
Legend Placement ウィジェットの右側または下に凡例を配置します。
Center Value 単位値を設定します。
Center Value Format 中央の単位値の形式を設定します。
Center Value Unit中央値の単位を設定します。これはオプションです。

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

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

メトリック番号

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

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

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

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

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

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

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

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

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

メトリック番号

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

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

表 4. カード
プロパティ説明
Background Color ウィジェットの背景色を設定します。デフォルトオプションをそのまま使用することも、カスタマイズすることもできます。
Padding ウィジェット内のテキストの上部と下部の間にスペースを追加します。デフォルト値は 1 です。
Border ウィジェットの周囲に境界線を設定します。
Shadow ウィジェットの周囲に影を設定します。
Title ウィジェットのタイトルを定義します。
Title Alignment ウィジェットのタイトルを揃えます。
Title Color ウィジェットのタイトルの色を設定します。
Subtitle ウィジェットのサブタイトルを定義します。
表 5. 可視化
プロパティ説明
Show Metric Name メトリックの名前を表示または非表示にします。
Unit Name ウィジェット値の単位を設定します。これはオプションです。
Number Format

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

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

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

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

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

ゲージウィジェット

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

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

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

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

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

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

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

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

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

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

[Health] ウィジェット

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

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

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

表 9. カード
プロパティ説明
Background Color ウィジェットの背景色を設定します。デフォルトオプションをそのまま使用することも、カスタマイズすることもできます。
Padding ウィジェット内のテキストの上部と下部の間にスペースを追加します。デフォルト値は 1 です。
Border ウィジェットの周囲に境界線を設定します。
Shadow ウィジェットの周囲に影を設定します。
Title ウィジェットのタイトルを定義します。
Title Alignment ウィジェットのタイトルを揃えます。
Title Color ウィジェットのタイトルの色を設定します。
Subtitle ウィジェットのサブタイトルを定義します。
表 10. 可視化
プロパティ説明
Display as
Data Labels

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

Label Format

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

  • Count Only
  • Count and Type
Center Value Format 中央の単位値の形式を設定します。
Center Value Unit中央値の単位を設定します。これはオプションです。

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

正常性情報の表示

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

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

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

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

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

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

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

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

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

Allow Data Export

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

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

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

イベントリストの表示

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

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

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

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

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

ラベルウィジェット

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

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

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

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

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

[Image] ウィジェット

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

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

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

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

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

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

  • Scale to Fit
  • Original Size
  • Stretch

Iframe ウィジェット

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

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

  1. 管理者としてコントローラ UI にログインします。
  2. [Settings >Administration] を選択します。
  3. [Integration > Dash Studio Iframe] を選択します。
  4. 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. カード
プロパティ説明
Background Color ウィジェットの背景色を設定します。デフォルトオプションをそのまま使用することも、カスタマイズすることもできます。
Padding ウィジェット内のテキストの上部と下部の間にスペースを追加します。デフォルト値は 1 です。
Border ウィジェットの周囲に境界線を設定します。
Shadow ウィジェットの周囲に影を設定します。
Title ウィジェットのタイトルを定義します。
Title Alignment ウィジェットのタイトルを揃えます。
Title Color ウィジェットのタイトルの色を設定します。
Subtitle ウィジェットのサブタイトルを定義します。