次の方法で共有


複合棒グラフ レンダラー

Azure Workbooks では、複合棒グラフを使用してデータをレンダリングできます。 この棒グラフは、複数の棒で構成されています。

次の図は、データベース状態の複合棒グラフを示しています。 オンライン、オフライン、回復状態のサーバーの数を示しています。

データベース状態の複合棒グラフを示すスクリーンショット。

複合棒グラフ レンダラーは、グリッド、タイル、およびグラフの各視覚化に対してサポートされています。

複合棒グラフ レンダラーの追加

  1. [編集] を選択して、ブックを編集モードに切り替えます。

  2. [追加]>[クエリの追加] の順に選択します。

  3. [データ ソース]JSON に設定し、[視覚化] Grid に設定します。

  4. 次の JSON データを追加します。

    [
        {"sub":"X", "server": "A", "online": 20, "recovering": 3, "offline": 4, "total": 27},
        {"sub":"X", "server": "B", "online": 15, "recovering": 8, "offline": 5, "total": 28},
        {"sub":"Y", "server": "C", "online": 25, "recovering": 4, "offline": 5, "total": 34},
        {"sub":"Y", "server": "D", "online": 18, "recovering": 6, "offline": 9, "total": 33}
    ]
    
  5. クエリを実行します。

  6. [列の設定] を選択して設定ペインを開きます。

  7. [列] で、total を選択します。 [列レンダラー] で、Composite Bar を選択します。

  8. [複合棒グラフの設定] の下に、以下を設定します。

    列名 Color
    オンライン [緑]
    回復
    offline 赤 (明るい)
  9. [ラベル] で、["online"] of ["total"] are healthy と入力します。

  10. [オンライン][オフライン]、および[回復]の列の設定では、[列レンダラー]Hidden に設定できます (省略可能)。

  11. [ラベル] タブを選択して、合計列のラベルを Database Status に更新します (省略可能)。

  12. [適用] を選択します。

複合棒グラフの設定は、次のスクリーンショットのようになります。

前述の設定値を使用した複合棒グラフ列設定を示すスクリーンショット。

前述の設定値を使用した複合棒グラフ:

複合棒グラフを示すスクリーンショット。

複合棒グラフの設定

列名と対応する色を選択すると、列はその色で複合棒グラフの一部として表示されます。 行の挿入、削除、および上下移動を行うことができます。

ラベル

複合棒グラフのラベルは、複合棒グラフの上部に表示されます。 静的なテキスト、列、およびパラメーターを組み合わせて使用できます。 [ラベル] が空の場合は、現在の列の値がラベルとして表示されます。 前の例では、[ラベル] フィールドを黒のままにした場合は、合計列の値が表示されます。

列は ["columnName"] で参照します。

パラメーターは {paramName} で参照します。

列名とパラメーター名の両方で、大文字と小文字が区別されます。 [この項目をリンクにする] を選択した後、リンク設定を追加することで、ラベルをリンクにすることもできます。

集約

集計は、ツリー/グループ化の視覚化で役に立ちます。 グループ行の列のデータは、その列の集計セットによって決定されます。 複合棒グラフに適用できる集計として、[なし]、[合計]、[継承] の 3 種類があります。

グループ化設定を追加するには:

  1. 列の設定で、設定を追加する列に移動します。
  2. [Tree/Group By Settings](ツリー/グループ化設定)[ツリーの種類] で、[グループ化] を選択します。
  3. グループ分けするフィールドを選択します。グループ分け設定を示すスクリーンショット。

なし

集計で [なし] の設定は、グループ行でその列の結果が表示されていないことを意味します。

集計の設定が [なし] の複合棒グラフを示すスクリーンショット。

SUM

集計が [合計] として設定されている場合、グループ行の列には、それを表示するために使用された列の合計を使用して複合棒グラフが表示されます。 ラベルには、その中で参照された列の合計も使用されます。

次の例では、[オンライン][オフライン]、および [回復中] のすべてに max 集計が設定され、合計列の集計は [合計] になっています。

集計の設定が [合計] の複合棒グラフを示すスクリーンショット。

継承

集計が [継承] として設定されている場合、グループ行の列には、それを表示するために使用された列に対してユーザーによって設定された集計を使用して複合棒グラフが表示されます。 ラベルで使用される列でも、ユーザーによって設定された集計が使用されます。 現在の列レンダラーが複合棒グラフであり、(前の例の合計のように) ラベル内で参照される場合、その列の集計として合計 が使用されます。

次の例では、[オンライン][オフライン]、および [回復中] のすべてに max 集計が設定され、合計列の集計では [継承] が使用されています。

集計の設定が [継承] の複合棒グラフを示すスクリーンショット。

並べ替え

グリッド視覚化では、複合棒グラフ レンダラーが設定された列に対する行の並べ替えは、複合棒グラフの計算を動的に表示するために使用された列の合計値に基づいて動作します。 前の例では、並べ替えに使用される値は、その特定の行の [オンライン][回復中]、および [オフライン] の各列の合計です。

タイルの視覚化

タイル視覚化用の複合棒グラフ レンダラーを作成するには:

  1. [追加]>[クエリの追加] の順に選択します。
  2. データ ソース を JSON に変更します。 前の例のデータを入力します。
  3. [視覚化] を [Tiles] に変更します
  4. クエリを実行します。
  5. [タイルの設定] を選択します。
  6. [タイルのフィールド] で、[左] を選択します。
  7. [フィールドの設定] で、次のように設定します。
    1. 使用する列: server
    2. 列レンダラー: Text
  8. [タイルのフィールド] で、[下] を選択します。
  9. [フィールドの設定] で、次のように設定します。
    1. 使用する列: total

    2. 列レンダラー: Composite Bar

    3. [複合棒グラフの設定] の下に、以下を設定します。

      列名 Color
      オンライン [緑]
      回復
      offline 赤 (明るい)
    4. [ラベル] で、["online"] of ["total"] are healthy と入力します。

  10. [適用] を選択します。

タイル用の複合棒グラフの設定:

前述の設定値を使用した複合棒グラフ タイル設定を示すスクリーンショット。

前述の設定が設定されたタイルでの複合棒グラフの表示は次の例のようになります。

複合棒グラフのタイルを示すスクリーンショット。

グラフの視覚化

グラフの視覚化 (種類は Hive クラスター) 用の複合棒グラフ レンダラーを作成するには:

  1. [追加]>[クエリの追加] の順に選択します。
  2. [データ ソース]JSON に変更します。 前の例のデータを入力します。
  3. [視覚化] を [Graphs] に変更します
  4. クエリを実行します。
  5. [グラフの設定] を選択します。
  6. [ノードの形式設定] で、[コンテンツの中央揃え] を選択します。
  7. [フィールドの設定] で、次のように設定します。
    1. 使用する列: total

    2. 列レンダラー: Composite Bar

    3. [複合棒グラフの設定] の下に、以下を設定します。

      列名 Color
      オンライン [緑]
      回復
      offline 赤 (明るい)
    4. [ラベル] で、["online"] of ["total"] are healthy と入力します。

  8. [レイアウトの設定] で、次のように設定します。
    1. グラフの種類: Hive Clusters
    2. ノード ID: server
    3. グループ化フィールド: None
    4. ノード サイズ: 100
    5. 六角形間の余白: 5
    6. 色の種類: None
  9. [適用] を選択します。

グラフ用の複合棒グラフの設定:

前述の設定値を使用した複合棒グラフの設定を示すスクリーンショット。

前述の設定が設定された複合棒グラフのグラフの表示は次の例のようになります。

Hive クラスターを使用した複合棒グラフを示すスクリーンショット。

次のステップ

Azure Workbooks の概要