メインコンテンツまでスキップ

ダッシュボードウィジェット

CloudFlow ウィジェットを使用すると、CloudFlow のステップや Datastore テーブルのデータを DoiT のダッシュボード上に直接表示できます。任意のダッシュボードに複数のウィジェットを追加でき、それぞれ異なるデータソースに接続し、個別の可視化を設定できます。

CloudFlow dashboard example

CloudFlow ウィジェットを追加する

  1. DoiT コンソールにサインインし、Dashboards に移動して、編集したいダッシュボードを開きます。

  2. Add widget を選択し、ウィジェット一覧から CloudFlow を選択します。

  3. 新しい CloudFlow ウィジェットがダッシュボードに追加されます。ウィジェットの三点メニュー()を選択し、Configure を選択して設定します。

データソース

各ウィジェットは、次の 2 種類のデータソースのいずれかに接続します。

  • Flow step — フロー、フロー内のステップ、データパスを選択します。選択したフローの直近の成功した実行からデータを表示します。

  • Datastore table — Datastore テーブルを選択します。テーブルの最新レコードを表示します。

Flow step の設定

ソースとして Flow step を選択した場合:

  1. 利用可能なフローの一覧から Flow を選択します。

  2. Step(ノード)を選択します。ステップは実行順で表示されます。

  3. Data path を選択します。データパスはステップの出力から自動検出され、実行結果内で見つかったオブジェクト配列を表します。

注意

選択したフローは、データパスが利用可能になるように少なくとも一度は実行されている必要があります。フローが未実行の場合は、先に実行してください。

Datastore table の設定

ソースとして Datastore table を選択した場合は、ドロップダウンからテーブルを選択します。ウィジェットはそのテーブルの全レコードを表示します。

表示タイプ

データソースを選択したら、データの可視化方法を選択します。

Table

並べ替え可能なデータグリッドで表示します。表示する列の選択や、デフォルトのソートフィールドと方向を設定できます。

Column chart

縦棒グラフを描画します。設定内容:

  • X-axis — カテゴリに使用するフィールド
  • Y-axis fields — 1 つ以上の数値フィールド。各フィールドを左軸または右軸に割り当てます
  • Group by(任意)— 棒をグループ化するためのフィールド

Stacked column chart

設定は Column chart と同様ですが、棒を並列ではなく積み上げで表示します。

Line chart

トレンドラインを描画します。軸の設定は Column chart と同じです。

Column and line(コンボ)

同一チャート上に棒グラフと折れ線グラフの系列を組み合わせます。各 Y-axis フィールドは棒と線を切り替えできます。

Metric

単一の集計値を強調表示します。設定内容:

  • Metric field — 集計対象のフィールド
  • Aggregation — 値の算出方法:Sum・Average・Min・Max・Count・Last
  • Metric prefix(任意)— 表示値の前に付与する文字列(例:$

データソースが Flow step の場合、Metric ウィジェットは次も表示します。

  • sparkline — 直近の実行に基づく小さなトレンドライン
  • percentage change インジケーター — 前回実行からの変化を示す上向きまたは下向きの矢印

ウィジェット名を変更する

既定では、ウィジェットのタイトルはデータソースに基づいています(例:「Data from SQL」)。タイトルを変更するには:

  1. ウィジェットの三点メニュー()を選択します。

  2. Rename を選択し、新しいタイトルを入力します。

データを更新する

ウィジェットには、直近の実行またはテーブルの更新時刻に基づく「最終更新」タイムスタンプが表示されます。手動で更新するには:

  1. ウィジェットの三点メニュー()を選択します。

  2. Refresh を選択します。

ウィジェットを削除する

  1. ウィジェットの三点メニュー()を選択します。

  2. Remove を選択します。

関連情報