使用图表配置编辑器创建圆点图

圆点图非常适合显示与目标相比的效果或目标进度。

您可以使用图表配置编辑器，从 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 属性用于指定特定值的图表背景颜色。在此示例中，背景颜色为深灰色 (#666666)（介于 0 和 20 之间）、中灰色 (#999999)（介于 20 和 40 之间）和浅灰色 (#bbbbbb)（介于 40 和 80 之间）。
  • series.data.target 属性用于指定圆点图的目标值，该值将显示为垂直线。在此示例中，目标值为 40。

创建项目标签图

如需创建项目图，请按以下步骤操作：

  1. 在探索中查看条形图，或在数据洞见或信息中心中修改条形图。

    对于此示例，我们建议先创建一个包含一个维度和一个测量的条形图，行数不超过 1 行。您的起始图表可能如下例所示：

    示例条形图，其中包含一个横跨 X 轴的条形。

  2. 在可视化中打开修改菜单。

  3. 在绘制标签页中，点击修改图表配置按钮。Looker 会显示修改图表配置对话框。

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

  5. 如需让 Looker 正确设置 JSON 格式，请点击 <>（设置代码格式）。

  6. 如需测试所做更改，请点击预览。

  7. 如需应用更改，请点击应用。系统将使用自定义 JSON 值显示可视化结果。

自定义可视化图表后，您可以将其保存。如果您是在“探索”中查看的该可视化图表，请保存探索。如果您修改了外观或信息中心，请点击保存。