使用图表配置编辑器创建实心刻度盘图

实体刻度盘图表对于显示已知范围内的数字非常有用。读者可以根据预期值快速判断当前值是相对较高还是较低。

使用图表配置编辑器,您可以从 Looker 中的柱形图开始创建实心刻度盘图表。实体刻度盘图表需要一个维度和一个测量。

例如,以下实心刻度盘图显示了“客户满意度 (CSAT)”衡量指标的当前值,以圆形的蓝色进度条表示。由于 CSAT 分数的可能值介于 0 到 100 之间,因此这些值会显示在量表的两端。

前提条件

如需访问 Chart Config Editor,您必须拥有 can_override_vis_config 权限

编写 JSON 代码段

要创建实心刻度盘图表,请从以下 JSON 代码段开始:

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

请根据您的使用场景更改以下值:

  • yAxis.min 属性用于定义实心刻度盘图表的最小值。
  • yAxis.max 属性用于定义实心刻度盘图表的最大值。
  • yAxis.tickAmount 属性用于指定应在实心刻度盘图周围显示的标签数量。标签将根据 yAxis.minyAxis.max 属性均匀分布。

创建实心刻度盘图

要创建实心刻度盘图,请按以下步骤操作:

  1. 在“探索”中查看柱形图,或者在 Look 或信息中心内修改柱形图。

    在本例中,我们建议先创建包含一个维度和一个测量值的柱形图,并且限制为一行。您的起始图表可能如以下示例所示:

    仅包含 1 列且横跨 Y 轴的柱形图示例。

  2. 打开可视化图表中的修改菜单。

  3. Plot 标签页中,点击 Edit Chart Config 按钮。Looker 会显示 Edit Chart Config 对话框。

  4. 选择 Chart Config (Override) 部分,然后输入本页面的编写 JSON 代码段部分中的 HighCharts JSON。

  5. 如需让 Looker 正确设置 JSON 格式,请点击 <>(设置代码格式)

  6. 如需测试更改,请点击预览

  7. 要应用您所做的更改,请点击应用。系统将使用自定义 JSON 值来显示可视化图表。

自定义完可视化图表后,您可以保存它。