--- schema_version: "1" id: dcd5ce5a4f1bf8a40155038fbb093a64094d649187d45eb12523108b73034eb9 title: 生成树状图 collection: tableau version: current locale: zh-cn portal_url: https://docs.salesforce.com/tableau/current/zh-cn/pro/desktop/buildexamples_treemap.md canonical_url: https://help.tableau.com/current/pro/desktop/zh-cn/buildexamples_treemap.htm source_site: help.tableau.com content_type: documentation content_hash: 0dd8892ce58373c6405ff405d7bc8452e2387daf06cc4b71bba12fafd564cac6 description: Build a treemap to display data as nested rectangles sized and colored by measures. --- [跳转到主要内容](#main-content) # 生成树状图 使用树状图可在嵌套的矩形中显示数据。可使用维度定义树状图的结构，使用度量定义各个矩形的大小或颜色。树状图是一种相对简单的数据可视化形式，可通过具有视觉吸引力的格式提供见解。 树状图的基本组件如下所示： - **标记类型**：“自动”或“方形” - **颜色**：“维度”或“度量” - **大小**：“度量” - **标签**或详细信息：“维度” 若要创建显示一系列产品类别中的聚合总销售额的树状图，请按下面的步骤进行操作。 1. 连接到示例 - 超市数据源（如有必要，您可以从 [Tableau Public 示例数据页面](https://public.tableau.com/app/learn/sample-data)下载该数据源）。 2. 将“Sub-Category”（子类）维度拖到“列”功能区。 此时会出现一个显示产品类别的水平轴。 3. 将“Sales”（销售额）度量拖到“行”功能区。 Tableau 将度量聚合为总和并创建垂直轴，从而生成条形图 — “列”功能区上有维度并且“行”功能区上有度量时的默认图表类型。 4. 单击工具栏上的“智能显示”，然后选择树状图图表类型。 ![突出显示树形图图表类型的图表选择工具。](/tableau/current/zh-cn/pro/desktop/zh-cn/Img/tree_1.png) Tableau 会显示以下树状图： ![树形图展示了各种办公用品子类的销售情况，突出显示了最畅销的手机和椅子。](/tableau/current/zh-cn/pro/desktop/zh-cn/Img/tree_2_10.0.png) 在此树状图中，矩形的大小及其颜色均由“Sales”的值决定 — 每个类别的总销售额越大，它的框就越大，颜色也越深。 5. 将“Ship Mode”（装运模式）维度拖到“标记”卡上的“颜色”。在生成的视图中，“Ship Mode”（装运模式）将确定矩形的颜色，并相应地将其分为四个独立的区域。“Sales”（销售）将确定矩形的大小： ![显示各个产品子类销售情况的树形图。](/tableau/current/zh-cn/pro/desktop/zh-cn/Img/tree_3_10.0.png) 6. 请尝试用另一个选项修改树状图：单击**“撤消”**按钮从视图中删除“Ship Mode”（装运模式）。 7. 将“Profit”（利润）度量拖到“标记”卡的“颜色”上。现在，“Profit”（利润）确定矩形的颜色，而“Sales”（销售额）确定其大小： ![按总利润显示产品子类的树形图。](/tableau/current/zh-cn/pro/desktop/zh-cn/Img/tree_4_10.0.png) 对于树状图，“大小”和“颜色”是重要元素。您可以将度量放在“大小”和“颜色”上，但将度量放在任何其他地方则没有效果。树状图可容纳任意数量的维度，在“颜色”上可包括一个或者甚至两个维度。但除此之外，添加维度只会将地图分为更多数量的较小矩形。有关如何在树状图中将维度放在“颜色”上的信息，请参见[示例 –“颜色”上的多个字段](https://help.tableau.com/current/pro/desktop/zh-cn/viewparts_marks_markproperties_color_ex1.htm)。