数据可视化设计：旭日图 Sunburst

旭日图（Sunburst Chart）是饼图的变形，简单来说是多个饼图的组合升级版。饼图只能展示一层数据的占比情况，而旭日图不仅可以展示数据的占比情况，还能厘清多级数据之间的关系。

在旭日图中，一个圆环代表一个层级的分类数据，一个环块所代表的数值可以体现该数据在同层级数据中的占比。一般情况下，内层数据是相邻的外层数据的父类别，最内层圆环的分类级别最高，越往外，分类缓悔困越细越具体。

旭日图可以更细分溯源分析数据，真正了解数据的具体构成。

2.1 不带数据占比的关系结构

旭日图中的“环”承载了大量带有层级关系的数据，层层嵌套，环环相扣，我们乍一看似乎很难读懂它的心。但其实只要我们多点耐心，就能发现旭日图在可视化这类数据时，真的有化繁为简的魔力。

最基础的旭日图是在树状图的基础上，把树状的层级关系转化为圆环的形式。相较于树状图，旭日图的圆形结构更节约空间。例如，美国专业咖啡协会用旭日图，清晰地描述了咖啡的味道。

协会按照咖啡的“香”与“味”对咖啡的味道进行了分类，其中，味道被分为酸、甜、咸、苦，苦味又可以分为单纯的苦味和带辛辣的苦味，带辛辣的苦味又可以再分类……这种分类数据没有数值，因此在旭日图上，同一层的各环块弧长都是相等的，且不代表任何的数值。

在增加了交互功能之后，旭日图每一层的数据关系能更加清楚地展现出来。

点击“香”的环块，环块就能延展到100%，同时代表“味”的环块会被收缩隐藏。这种交互不仅能把外层的、环块小的分类清晰地展现出来，而且可以很好地解决我们经常提到的“分类数据过多会使图表的易读性下降”的问题。

2.2 带有数据占比关系的旭日图

当每个分类数据都拥有具体数值时，我们可以通过环块的角度比较数值的大小。下图是全球十大温室气体排放国家的温室气体排放情况。它运用了与“咖啡风味旭日图”相同的交互方式，通过点击“中国”的环块，我们能在全局视角下看到中国在“能量”领域排放的温室气体最多，占到全球温室气体排放的19.98%。

除了“咖啡风味”和“全球温室气体”所用到的，通过点击拓展的交互方式之外，常见的还有通过鼠标悬浮凸显环块颜色的交互。下图是圣裘德儿童研究医院基于3347位患癌儿童的患病情况，分析了他们所患的17种癌症情况。

这17种癌症位于旭日图的第二层，分别属扰念于造血系统恶性肿瘤（红色）、固体肿瘤（黄色）和脑肿瘤（蓝色）三种癌症类型，其中患造血系统恶性肿瘤的比重最大，有46.2%。前配第三层则为引起癌症的不同原因占比情况。

当鼠标移动到环块上时，被查看的环块颜色会被突出，其他则变成统一的灰色。同时，利用旭日图的“空心”，可以清晰地展示每个分类数据的具体数值和含义。在交互功能的加持下，旭日图可以更加顺畅和清晰地展示大量数据。

3、旭日图的应用场景

旭日图虽然是一个多级饼图，但在展示层级关系这一点上，与 矩形树图 非常相似。

不同于矩形树图，旭日图能把没有权重关系的层级关系清晰地展示出来，且可容纳的层级关系更多。除此之外，旭日图允许“缺口”存在。不同分类数据下，每一层的数据可以不用再细分，即旭日图的每个圆环不一定是完整的。可以说，在可视化层级数据方面，旭日图和矩形树图都表现优秀，而旭日图的适用范围要比矩形树图略大。

1）适用场景

旭日图不仅有饼图的优点，而且还能展示数据层级之间的关系，它通过矩形的面积、颜色和排列来显示数据关系，它超越了传统的饼图和环图，能在饼图上表示占比关系的基础上，增加表达了数据的层级和归属关系，能清晰的表达具有父子层次结构类型的数据。旭日图适合用于展示不同层级的数据。

示例地址： https://echarts.apache.org/examples/en/editor.html?c=sunburst-borderRadius

示例地址： https://echarts.apache.org/examples/en/editor.html?c=sunburst-book

示例地址： https://echarts.apache.org/examples/en/editor.html?c=sunburst-drink

2）不适用场景

旭日图不适合用于数据分类过多、不能有负值、不能有零值的数据展示。当数据的比例相差比较接近时，人眼判别有难度的，则建议用其他图形。

大家平时最常见到的图表一般都是柱状图、折线图、饼图、雷达图等等，可能对旭日图相对陌生，下面先简单解释下旭日图是什么：

旭日图也称为太阳图（长得的确很像太阳，层级关系也很像地球的内部结构），层次结构胡帆隐中每个级别的比例通过1个圆环表示，离原点越近代表圆环级别越高，最内层的圆表示层次结构的顶级，然后一层一层去看数据的占比情况。

另外，有人说旭日图是圆环图的子集，其实可以这样理解，因为当数据不存在分层，这时旭日图 = 圆环图。

旭日图可以表达清晰的层级和归属关系，以父子层次结构来显示数据构成情况，熟悉数据图表的童鞋都清楚，这逻辑跟树形图很类似。

旭日图能便于细分溯源、分析数据，真正了解数据的具体构成。为了更直观，举几个实际工作场景吧：

销售： 年底需要做年度销售额汇总，老板希望能看到不同时间段的分段销售额及其占比情况，从年份—季度—月份—周，裤厅从轿派直观看出一年中哪个季度业绩好，这个季度哪个月份业绩好，再具体到周，不仅是为了总结经验，更为明年冲刺业绩做更充分的准备。（Ps：这种年-季-月-周（甚至到天）的分析展示一样适合财务各种数据的年度分析。）

地推： 近期，公司在几个大城市进行地推活动，那到底效果如何呢，到底有多少成功订单呢？下面的旭日图大小可以展示城市—不同终端的占比情况，数据一目了解~

O2O订单 ：从服务一级分类—二级分类—省份，O2O订单的分布是不是很明显，比表格直观太多。（因为数据太多，为了美观效果，图表没有显示全部数据，但hover就能显示具体数据）

其实很多数据场景用旭日图都适合的，这里只是随意举了比较常见的场景；旭日图不仅数据直观，而且图表用起来特别酷炫，能很大程度上拉高数据汇报的颜值。

目前市场上 Tabluea 、 Excel 和 BDP 个人版这三个工具能做旭日图。但Tabluea *** 作比较复杂，步骤比较多下面以Excel和BDP个人版为例教大家制作旭日图。

BDP还有动态效果哦，点击某个扇形后再点击中心位置，图表就可以动起来啦~

Excel 2010在柱形图困轮则上添加折线图，可以通过辅助柱形图添加。步骤如下: 1。桐稿打开要 *** 作的 excel 表格，按 ctrl c 选择要复制的相关数据单元格，然后按 ctrl v 将与辅助列数据相同的数据列粘贴到其旁边的空白区域。删除原始图表，选择所有单元格，在插入选项卡上汪棚单击“条形图” ，然后选择要插入的样式。图3。在图表中选择任何图表，然后右键单击“更改系列图表类型”。图4。选择一行模式，然后点击确定。5.回到 excel 中，找到 excel，并在条形图中添加一个折线图。

---