项目符号图可用于显示目标方面的效果或目标的完成进度。
使用 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
属性用于指定特定值的图表背景颜色。在此示例中,背景颜色为深灰色 (#666666
)(介于 0 和 20 之间)、中灰色 (#999999
)(介于 20 和 40 之间)和浅灰色 (#bbbbbb
)(介于 40 和 80 之间)。series.data.target
属性用于指定圆点图的目标值,该值将显示为垂直线。在此示例中,目标为 40。
创建项目符号图
如需创建项目图,请按以下步骤操作:
在“探索”中查看条形图,或在 Look 或信息中心内修改条形图。
对于此示例,我们建议先创建一个包含一个维度和一个测量的条形图,并且行数不得超过 1 行。您的起始图表可能如以下示例所示:
在可视化中打开修改菜单。
在 Plot 标签页中,点击 Edit Chart Config 按钮。Looker 会显示 Edit Chart Config 对话框。
选择 Chart Config (Override) 部分,然后输入本页面的编写 JSON 代码段部分中的 HighCharts JSON。
如需让 Looker 正确设置 JSON 格式,请点击 <>(设置代码格式)。
如需测试更改,请点击预览。
要应用您所做的更改,请点击应用。系统将使用自定义 JSON 值显示可视化结果。
自定义完可视化图表后,您可以保存它。如果您是在“探索”中查看过可视化图表,请保存“探索”。如果您修改了 Look 或信息中心,请点击保存。