分享方式:


複合列轉譯器

使用 Azure 活頁簿時,可以使用複合列轉譯資料。 此列由多個橫條所組成。

下圖顯示資料庫狀態的複合列。 它會顯示有多少伺服器處於線上、離線,及處於復原狀態。

Screenshot that shows the composite bar for database status.

複合列轉譯器支援格線、圖格和圖表的視覺效果。

新增複合列轉譯器

  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
    線上
    正在復原 黃色
    離線 紅色 (亮)
  9. 針對 [標籤],輸入 ["online"] of ["total"] are healthy

  10. 在 [線上]、[離線]和 [正在復原] 的資料行設定中,您可以選擇將 [資料行轉譯器] 設為 Hidden

  11. 選取 [標籤] 索引標籤,並將總計資料行的標籤更新為 Database Status (選用)。

  12. 選取套用

複合列設定看起來會類似下列螢幕擷取畫面:

Screenshot that shows composite bar column settings with the preceding settings.

具有上述設定的複合列:

Screenshot that shows the composite bar.

複合列設定

選取資料行名稱和對應的色彩,以用該色彩將該資料行轉譯為複合列的一部分。 您可以插入、刪除以及上移和下移資料列。

標籤

複合列標籤會顯示在複合列的頂端。 您可以混合使用靜態文字、資料行和參數。 如果 [標籤] 是空白的,則目前資料行的值會顯示為標籤。 在上一個範例中,如果我們將 [標籤] 欄位保留為空白,則會顯示資料行的總值。

請參考具有 ["columnName"] 的資料行。

請參考具有 {paramName} 的參數。

資料行名稱和參數名稱皆區分大小寫。 您也可以選取 [將此項目設為連結] 讓標籤成為連結,然後新增連結設定。

彙總

彙總適用於樹狀結構/群組依據視覺效果。 群組資料列的資料行資料由該資料行的彙總集所決定。 有三種類型的彙總可用於複合列:[無]、[總和] 和 [繼承]。

若要新增群組依據設定:

  1. 在資料行設定中,移至要新增設定的資料行。
  2. 在 [樹狀結構/分組依據設定] 的 [樹狀結構類型] 底下,選取 [分組依據]
  3. 選取您要據以分組的欄位。Screenshot that shows Group By settings.

匯總的 [無] 設定表示該資料行不會在群組資料列顯示任何結果。

Screenshot that shows the composite bar with the None setting for aggregation.

Sum

如果彙總設為 [總和],則群組資料列中的資料行會使用用於轉譯的資料行總和來顯示複合列。 標籤也會在其中使用參考的資料行總和。

在下列範例中,[線上]、[離線] 和 [正在復原] 全都會設有最大彙總,且總計資料行的彙總為 [總和]

Screenshot that shows the composite bar with the Sum setting for aggregation.

繼承

如果彙總設為 [繼承],則群組資料列中的資料行顯示複合列,藉由用使用者為了用於轉譯的資料行而設定的彙總。 [標籤] 中使用的資料行也會使用使用者所設定的彙總。 如果目前的資料行轉譯器是 [複合列],且在標籤中受到參考 (例如,前述範例中的 [總計]),則會使用 [總和] 作為該資料行的彙總。

在下列範例中,[線上]、[離線] 和 [正在復原] 全都設有最大彙總,且總計資料行的彙總為 [繼承]

Screenshot that shows the composite bar with the inherit setting for aggregation.

排序

針對格線視覺效果,使用複合列轉譯器對資料行進行的資料列排序,是依據用來動態轉譯複合列計算之資料行總和的值。 在先前的範例中,用於排序的值是該資料列的 [線上]、[正在復原] 和 [離線] 資料行的總和。

磚視覺效果

若要為圖格視覺效果製作複合列轉譯器:

  1. 選取 [新增]>[新增查詢]
  2. 將資料來源變更為 JSON。 輸入上一個範例中的資料。
  3. 將「視覺效果」變更為 Tiles
  4. 執行查詢。
  5. 選取 [圖格設定]
  6. 在 [圖格欄位] 下選取 [左]
  7. 在 [欄位設定] 下設定下列值:
    1. 使用資料行server
    2. 資料行轉譯器Text
  8. 在 [圖格欄位] 下選取 [底部]
  9. 在 [欄位設定] 下設定下列值:
    1. 使用資料行total

    2. 資料行轉譯器Composite Bar

    3. 在 [複合列設定] 底下進行下列設定:

      資料行名稱 Color
      線上
      正在復原 黃色
      離線 紅色 (亮)
    4. 針對 [標籤],輸入 ["online"] of ["total"] are healthy

  10. 選取套用

圖格的複合列設定:

Screenshot that shows composite bar tile settings with the preceding settings.

具有上述設定之圖格的複合列檢視會顯示類似如下範例:

Screenshot that shows composite bar tiles.

圖表視覺效果

若要為圖表視覺效果建立複合列轉譯器 (類型為 Hive 叢集):

  1. 選取 [新增]>[新增查詢]
  2. 將 [資料來源] 變更為 JSON。 輸入上一個範例中的資料。
  3. 將「視覺效果」變更為 Graphs
  4. 執行查詢。
  5. 選取 [圖表設定]
  6. 在 [節點格式設定] 下選取 [中心內容]。
  7. 在 [欄位設定] 下設定下列值:
    1. 使用資料行total

    2. 資料行轉譯器Composite Bar

    3. 在 [複合列設定] 底下進行下列設定:

      資料行名稱 Color
      線上
      正在復原 黃色
      離線 紅色 (亮)
    4. 針對 [標籤],輸入 ["online"] of ["total"] are healthy

  8. 在 [版面配置] 下,設定下列值:
    1. 圖表類型Hive Clusters
    2. 節點識別碼server
    3. 依欄位分組None
    4. 節點大小100
    5. 六邊形之間的邊界5
    6. 著色類型None
  9. 選取套用

圖表的複合列設定:

Screenshot that shows composite bar graph settings with the preceding settings.

具有上述設定之圖表的複合列檢視會顯示類似如下範例:

Screenshot that shows composite bar graphs with hive clusters.

下一步

開始使用 Azure 活頁簿