又一款新型交互式图表 - 主副图表 / 开普饭

交互式图表一直是很多朋友的最爱。今天就在介绍一款新型的交互式图表。

回归线经验：关于展现方式，只有想不到，没有做不到！

先来看效果：

怎么样？如果觉得还不错，接下来看制作方法

数据

数据很简单，如下图：

记录了不同区域各产品的销售情况（原始数据可能更加明细，需要通过数据透视表才能得到这样的汇总数据）。

作图数据

回归线经验：Excel中所有的专业图表，基本上都需要从源数据制作

作图数据

首先选定一个空白单元格，比如K2，输入数字1，并将该单元格命名为“Dist"（关于名称，请看这里）

这个单元格备用.

因为父子图表有两个图表，所有我们需要两份辅助作图数据。

首先添加作图数据1

选定C22:E26区域作为作图数据1的区域，在D23中输入公式

=SUMPRODUCT(--($D$4:$G$4=C23),$D$17:$G$17)

并往下填充到D26.

在E23中输入公式

=IF(INDEX($C$23:$C$26,Dist)=C23,D23,NA())

并往下填充到E26

然后添加作图数据2。

在添加作图数据2之前，需要在源数据中添加辅助列作为排名，公式是：

=RANK(H5,$H$5:$H$16)

然后选定C29:F41作为作图数据2的区域。在C列输入1-12的数字，D列输入公式：

=VLOOKUP(C30,IF({1,0},$I$5:$I$16,$C$5:$C$16),2,0)

E列输入公式：

=VLOOKUP(C30,IF({1,0},$I$5:$I$16,$H$5:$H$16),2,0)

F列输入公式：

=INDEX($D$5:$H$16,MATCH(D30,$C$5:$C$16,0),$O$5)

数据准备好了，下面开始制作图表了。

添加产品销量图（子图）

选中作图数据2区域的任意单元格，然后点击“插入”选项卡下“条形图”，选择第一项“簇状条形图”，在插入的图表中删除标题和图例，拖动图表变高一些。

然后修改图表：

修改纵坐标轴数值
在弹出的对话框中点击右侧分类轴标签的“编辑”按钮
将轴标签区域改为：=制作过程!$D$30:$D$41
修改分类轴格式。

将分类轴标签字体修改为“微软雅黑”，字号9，颜色为灰色。在分类轴标签上点击鼠标右键，点击“”设置坐标轴格式”，在右边面板中选中“最大分类”和“逆序刻度”
修改横坐标格式。

修改横坐标字体为“微软雅黑”，字体为9号，颜色为灰色。在横坐标标签上点击鼠标右键，点击“设置坐标轴格式”，将主要单位修改为30。
修改图表系列格式。

点击任意图表系列。在右侧“设置数据系列格式”中，将系列重叠修改为100%，分类间距修改为20%。

修改系列颜色。将两个系列颜色设置为：(r,g,b)=(0,189,193)，总计系列的透明度修改为70%。