使用圖表設定編輯器建立樹狀圖

樹狀圖表會以一組矩形的形式顯示分類和階層資料,其中每個矩形的大小由數值指標決定。

您可以使用圖表設定編輯器,從 Looker 中的柱狀圖開始建立樹狀圖圖表。為獲得最佳結果,請使用已完成透視的維度、未完成透視的維度和指標,建立樹狀圖表。

舉例來說,您可以建立樹狀圖表,顯示幾個不同類別值的訂單項目計數,並以季節性產品系列做為樞紐。每個季節都以顏色代碼矩形表示,其中包含代表類別的小矩形。每個矩形的大小都對應至訂單項目數量

事前準備

如要存取圖表設定編輯器,您必須具備 can_override_vis_config 權限

編寫 JSON 程式碼片段

如要建立樹狀圖表,請先從下列 JSON 程式碼片段開始:

{
  chart: {
    type: 'treemap',
  }
}

建立樹狀圖

如要建立樹狀圖表,請按照下列步驟操作:

  1. 在「探索」中查看資料欄圖表,或在「觀點」或資訊主頁中編輯資料欄圖表。

    在本例中,建議您從包含兩個維度和一個評估指標的柱狀圖開始。應轉換一個維度。樞紐值會定義用於算繪樹狀圖的頂層類別。初始圖表可能會像下方範例所示:

    範例的資料欄圖表,X 軸為「Category Name」,Y 軸為「Order Items」,並按「Seasonal Collection」分組

  2. 在圖表中開啟「編輯」選單。

  3. 在「Plot」分頁中,按一下「Edit Chart Config」按鈕。Looker 會顯示「Edit Chart Config」對話方塊。

  4. 選取「圖表設定 (覆寫)」部分,然後輸入本頁「編寫 JSON 片段」部分的 HighCharts JSON。

  5. 如要讓 Looker 正確設定 JSON 格式,請按一下 <> (格式化程式碼)

  6. 如要測試變更內容,請按一下「預覽」

  7. 如要套用變更,請按一下「套用」。系統會使用自訂 JSON 值顯示圖表。

自訂完成後,即可儲存圖表。