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

项目符号图可用于显示目标方面的效果或目标的完成进度。

使用 Chart Config Editor,您可以从 Looker 中的条形图开始创建项目符号图表。

例如,以下项目符号图将“新客户数”指标(以蓝色进度条表示)与目标值“40”(以蓝色竖线表示)进行了比较。该图表还指示了介于 0 到 20、20 到 40 以及 40 到 80 之间的进度分桶,每个进度桶都以不同的灰色表示。

前提条件

如需访问 Chart Config Editor,您必须拥有 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. 选择 Chart Config (Override) 部分,然后输入本页面的编写 JSON 代码段部分中的 HighCharts JSON。

  5. 要允许 Looker 正确设置 JSON 格式,请点击 <>(格式代码)

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

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

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