使用圖表設定檔編輯器建立圓餅圖

子彈圖表可用於顯示相較於目標的成效，或目標的進度。

您可以使用圖表設定編輯器，從 Looker 中的長條圖開始建立圓餅圖。

舉例來說，下列圓餅圖會比較「新顧客人數」評估指標 (以藍色進度條表示)，以及目標值 40 (以藍色垂直線表示)。圖表也會顯示 0 到 20、20 到 40 和 40 到 80 之間的進度區間，每個區間都以不同的灰階表示。

事前準備

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

編寫 JSON 程式碼片段

如要建立圓餅圖，請先從下列 JSON 程式碼片段開始：

{
  chart: {
    type: 'bullet'
  },
  xAxis: {
    categories: ['New Customers']
  },
  yAxis: {
    plotBands: [{
      from: 0,
      to: 20,
      color: '#666666'
    }, {
      from: 20,
      to: 40,
      color: '#999999'
    }, {
      from: 40,
      to: 80,
      color: '#bbbbbb'
    }],
  },
  series: [{
    data: [{
      target: 40
    }]
  }],
}

請根據您的用途變更下列值：

  • xAxis.categories 屬性會覆寫 X 軸的標籤。在本例中，X 軸標籤應為度量值名稱「新顧客」。
  • yAxis.plotBands 屬性會指定圖表的背景顏色，適用於特定值。在這個範例中，背景顏色是 0 到 20 之間的深灰色 (#666666)、20 到 40 之間的中灰色 (#999999)，以及 40 到 80 之間的淺灰色 (#bbbbbb)。
  • series.data.target 屬性會指定圓餅圖的目標值，並以垂直線的形式顯示。在這個範例中，目標值為 40。

建立圓餅圖

如要建立圓餅圖，請按照下列步驟操作：

  1. 在探索中查看長條圖，或在 Look 或資訊主頁中編輯長條圖。

    在本例中，建議您從包含一個維度和一個度量的長條圖開始，且限制為一列。初始圖表可能會像下方範例所示：

    範例長條圖，其中單一長條橫跨 X 軸。

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

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

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

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

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

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

自訂完成後，您可以儲存圖表。如果您在「探索」中查看了視覺化資料，請儲存「探索」。如果您編輯了 Look 或資訊主頁，請按一下「儲存」。