使用图表配置编辑器创建项目符号图

项目符号图对于显示目标达成情况或目标进度非常有用。

使用图表配置编辑器，您可以从 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 或信息中心内修改条形图。

   对于本示例，我们建议您先从包含一个维度和一个测量的条形图入手，但行数不得超过一行。您的起始图表可能如以下示例所示：

   

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

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

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

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

6. 如要测试您的更改，请点击预览。

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

自定义可视化图表后，您可以进行保存。如果您在“探索”中查看了可视化图表，请保存“探索”。如果您修改了 Look 或信息中心，请点击保存。