Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
使用图表配置编辑器创建树状图
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
树状图以一组矩形的形式显示分类数据和分层数据,其中每个矩形的大小由一个数值度量决定。
借助图表配置编辑器,您可以从 Looker 中的柱形图开始创建树状图。为获得最佳效果,请使用透视维度、非透视维度和度量来创建树状图。
例如,您可以创建一个树状图,其中显示了多个不同类别值的订单商品数量,并按季节性系列进行透视。每个季节都以一个彩色编码的矩形表示,其中包含表示类别的较小矩形。每个矩形的大小对应于订单商品数量。

前提条件
如需访问图表配置编辑器,您必须拥有 can_override_vis_config 权限。
编写 JSON 代码段
如需创建树状图,请从以下 JSON 代码段开始:
{
chart: {
type: 'treemap',
}
}
创建树状图
如需创建树状图,请按以下步骤操作:
在探索中查看柱形图,或在 Look 或信息中心内修改柱形图。
在此示例中,我们建议从包含两个维度和一个度量的柱形图开始。其中一个维度应进行透视。透视值用于定义渲染树状图时使用的顶级类别。您的初始图表可能类似于以下示例:

在可视化中打开修改菜单。
在绘图标签页中,点击修改图表配置按钮。Looker 会显示修改图表配置对话框。
选择 Chart Config (Override) 部分,然后输入本页编写 JSON 代码段部分中的 HighCharts JSON。
如需让 Looker 正确设置 JSON 的格式,请点击 <>(格式化代码)。
如需测试所做更改,请点击预览。
如需应用更改,请点击应用。系统将使用自定义 JSON 值显示可视化图表。

自定义可视化图表后,您可以将其保存。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2026-07-05。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["很难理解","hardToUnderstand","thumb-down"],["信息或示例代码不正确","incorrectInformationOrSampleCode","thumb-down"],["没有我需要的信息/示例","missingTheInformationSamplesINeed","thumb-down"],["翻译问题","translationIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2026-07-05。"],[],[]]