使用圖表設定編輯器建立實心儀表圖表

實心度量圖可用於顯示已知範圍內的數字。讀者可以根據預期值，快速判斷目前值是相對高或低。

您可以使用圖表設定編輯器，從 Looker 中的柱狀圖開始建立實心儀表圖表。實心儀表圖表需要一個維度和一個度量。

舉例來說，下方的實心量表圖表顯示「顧客滿意度 (CSAT)」評估的目前值，以藍色圓形進度條表示。由於 CSAT 分數的可能值介於 0 到 100 之間，因此這些值會顯示在量測儀的兩端。

事前準備

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

編寫 JSON 程式碼片段

如要建立實心儀表圖表，請先從下列 JSON 程式碼片段開始：

{
  chart: {
    type: 'solidgauge'
  },
  yAxis: [{
    min: 0,
    max: 100,
    tickAmount: 10
  }],
}

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

  • yAxis.min 屬性會定義實心儀表圖表的最小值。
  • yAxis.max 屬性會定義實心儀表圖表的最大值。
  • yAxis.tickAmount 屬性可指定應在實心儀表圖表周圍顯示的標籤數量。系統會根據 yAxis.min 和 yAxis.max 屬性，平均分配標籤。

建立實心儀表圖表

如要建立實心儀表圖表，請按照下列步驟操作：

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

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

    範例柱狀圖，其中單一資料欄橫跨 Y 軸。

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

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

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

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

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

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

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