Xcelsius（水晶易表）系列12——动态页面切换案例

今天继续跟大家分享关于水晶易表动态页面切换的案例。

该案例的仪表盘在技巧上没有新的东西，仍然是利用传统的单选按钮进行页面切换，同时对三个类型的图表数据对三个单值指标数据进行 多样化的展示。

以下是原始案例，是一个易表盘的两个页面，通过上半部分的单选按钮进行控制，其中三个量表与组合统计图展示的是同一信息。

底部三个单值滑块可以控制对应指标（量表或者统计图）实际值的变化。

以上图表在整个可视层级上的关系上如下：

其实本案例中关系相对不算复杂，单选按钮通过插入值与量表和统计图的动态可见性代码匹配完成切换显示控制。

三个滑块通过变更实际值（滑块的数据源与量表和统计图的实际值数据源为相同单元格），进而实现控制三个量表和统计图的对应实际值指标。

原数据如下：

数据结构并不复杂，整个数据区域并无带函数的单元格（即都为数值单元格）。

在水晶易表中，我们可以按照上面分析的层级来批量完成各部件的属性设置（当然也可以按照自己的习惯，只要对应好数据源位置以及动态可见性代码即可）。

这里我们按照金字塔结构从上往下来做：

首先制作单选按钮：

标签位置:A10:A11,目标插入位置：B11（将作为三个量表与统计图的动态可见性状态接收区域）。

接下来可以制作三个量表：

量表1：销售额（关于值范围以及警报阀值的设定、颜色大小代表的好坏等需要根据具体的业务性质判断）。

标题B4单元格，数据B5单元格，动态可见性状态B11单元格，代码1，警报中的占目标百分比B6单元格。

量表2：库存量：（中性指标，需要颜色以中间值为好）

标题：C4单元格，数据C5单元格，动态可见性B11单元格，代码1，警报占目标百分比C6单元格。

量表3：销售成本：

标题：D4单元格，数据D5单元格，动态可见性B11单元格，代码1，警报占目标百分比D6单元格。

大家可以看到三个量表的动态可见性状态都是连接的B11单元格，代码都为1，意味着这三个部件是一组需要同时显示的对象。

接下来制作复合统计图：

系列1：实际值，值：B5：D5，标签B4：D4，系列2：目标值，值：B6：D6，标签（默认就可以，还是用的B4：D4），动态可见性链接到B11，代码为2。

最后插入三个水平滑块：（参数设置如下）：

实际值的目标单元格位置分别为B5、C5、D5。（大小范围参照最初做量表时的范围）。

所有的部件都做完之后，按照我们之前所展示的层级从上往下整齐排版，统计图与三个量表可以相互遮蔽。

最终效果就是这样，如有时间和兴趣，可以继续美化。