html树状图右侧_树状图及制作方法（Excel 2016/Excel 2013）

↑↑↑关注ExcelEasy，让Excel更简单

树状图是一种展示层次结构数据的图表，可以很好的揭示各类别数据的比例关系及类别内数据的组成结构。今天为大家详细介绍一下树状图的制作方法

树状图在Excel 2016中是一种内置的基本图表类型，可以直接插入。而在Excel 2013及以前的版本中并没有相应的功能。我们分别介绍在Excel 2016和Excel 2013中如何制作树状图

树状图介绍

作为一种展示具有层次结构数据的图表，树状图早已经在数据分析领域流行了多年，在Excel 2016中，微软终于把它作为一个基本图表类型内置了。我们先看一下树状图的数据：

数据很简单，只要有一列数值，其他列都是分类，而且这些分类之间具有层次关系，在上图中，大类，中类，小类构成了一个逐级包含的层次关系，我们就可以用它来做树状图：

图表中通过颜色分为3部分，分别代表不同的3个大类：女装，男装，童装。在每个大类内部分别展示了各小类的构成。每一个分块的面积占比就代表了销量的实际占比。

Excel 2016中的做法

在Excel 2016中，制作树状图很简单。

首先，鼠标选中数据区域的任意单元格，点击“插入”选项卡下的“图表”组右下角箭头，打开“插入图表”对话框：

在“插入图表”对话框中，点击“所有图表”选项卡，在左侧选择“树状图”：

点击确定后，插入图表：

修改格式跟我们介绍过的其他图表类似，作为参考，这里列出在演示图表中我用到的设置：

• 字体：微软雅黑

• 字号：小类标签为9，大类标签为12，粗体

• 颜色：女装为#cc0000，男装为#006097，童装为#fa8240。

这里重点介绍修改格式中需要注意的地方。

1. 添加数量标签

树状图缺省就带有标签，显示了类别，如果想显示数量，可以选中标签，然后点击鼠标右键，在菜单中点击“设置数据标签格式：”

在右侧面板中，勾选标签包括的内容中的“值”：

你可能注意到了，这里的选项比其他图表的选择少多了?。

2. 区分大类和小类

缺省的标签中大类和小类是没法从字体字号上区分的。标签是这样的：每个色块左下角是小类标签，整个颜色区域左上角是大类标签。要想修改大类标签以便与小类标签区别开来，你可以手动修改：

先点击一下任意标签，选中了所有的标签，然后再次点击大类标签，就可以选中单独的大类标签：

这样你就可以修改这个标签的格式了。

3. 设置填充颜色

本来修改填充颜色很简单。但是树状图跟其他图表不同。这个最大的不同就是所有的用不同颜色标注的都是一个系列！！！都是一个系列！！！都是一个系列！！！

如果你像处理其他图表一样，点一下黄色区域，然后修改颜色，你就会把所有的色块变成同样的颜色：

这是一个很奇怪的设置。看图例，完全是不同的系列用不同的颜色显示。但是实际不是，那些不同的颜色是同一个系列中不同的数据点。你需要首先点击一下某个色块，选中整个系列，然后再次点击这个色块，选中这个颜色代表的数据点：

然后，你就可以修改颜色了。

4. 只能显示两级层次。

有朋友可能注意到了，尽管我们的数据中有三级：大类，中类，小类，但是图表中只展示了大类和小类。 这就是树状图的限制，只能展示两级。想来也有道理，如果展示多级，图表就会过于复杂，导致没法读图了。

5. 只有一个系列

前面我们说那些看似不同颜色的色块并不是多个系列，而是同一系列中的不同的数据点。

这里要强调的是树状图有且只有这一个系列。

当然，你可以像普通图表一样添加一个系列，比如销售额：

点击确定后，也确实添加成功了：

注意看，调整系列顺序的上下箭头是灰色的。说明这个系列Excel是不承认的??。

点击图表后，图表中也没有任何变化。

下面介绍在Excel 2013中如何使用树状图。需要强调的是，这个树状图与刚才介绍的Excel 2016中的内置树状图并不太一样。在Excel 2016中也可以使用这个方法制作树状图。

Excel 2013中的做法

在Excel 2013内置的图表中并没有树状图。如果你在Excel 2016中做了这个图表，然后用Excel 2013打开这个文件，在原来的图表区域，就会出现下面的情况：

要想在Excel 2013中使用树形图，我们就需要使用插件。

我们前面介绍过在Excel 2013中使用插件的例子，当时介绍的是如何使用地图展示数据(详细介绍看 这里 )。今天我们仍然从应用商店下载一个插件。

1. 下载插件

下载插件前，你需要有一个微软账号(免费的即可，不一定要购买Office 365等产品)，然后在Excel中登录：

在“插入”选项卡下点击“应用商店”：

在应用商店中搜索“treemap”，找到“Tree Data Map”，然后点击“添加”：

在“插入”选项卡中的“我的应用”中就会出现“Tree Data Map”：

2. 使用Tree Data Map

这个树状图做出的树状图与Excel 2016的树状图不太一样，各有特色吧。但是使用比较简单。

点击“插入”选项卡的“我的应用”中的Tree Data Map，在工作表中会添加如下图所示的对象：

这个插件对数据的要求跟Excel 2016树状图的要求不太一样，我们点击右上角倒数第二个按钮“Insert Sample Data”看一下：

可以看到，首先在Excel中插入了一个示例数据表，然后插入了一个树状图：

3. 对数据的要求

这个树状图也要求数据分为两个级别：父级和子级。同时，要求数据必须有四列，这四列有一定的顺序要求：

1. 第一列必须是子级

2. 第二列必须是父级

3. 第三列必须是作图的数值

4. 第四列是颜色值

图表也 不太相同。首先看到的图表是父级的分布：

点击任意父级色块，就会显示该父级下面的所有子级的分布：

鼠标停留在子级色块上面，就会出现该子级的数值。(讨厌的是，同时会显示颜色值)。

色块的颜色是根据数据表中的第四列的数值变化的。具体采用什么颜色是从你一开始界面中设定的颜色来的：

在这里你设定了两个颜色，插件在根据这两个颜色生成渐变颜色，然后根据你定义的数值分别相应的颜色。

比如，在我们上面的设定下，同样的数据，颜色就变成下面这种了：

在任意子级色块上点击鼠标右键，就会回到所有父级分布的图表。

很简单，对吧！???

总结

如果你有Excel 2016及以后的版本，建议直接用内置的树状图就好了。当然，如果你合作的同事还在用Excel 2013的话，那么用这个插件会比较好。这个插件做出的图表可以交互，相对来说在某些场景下比较有优势。

取得本文模板文件的方式：

1. 关注本公众号

2. 点击底部菜单“联系客服”，与客服取得联系，索取“树形图”模板文件