Xcelsius系列的1——初识动态仪表盘

今天是Xcelsius系列的第一篇——初识动态仪表盘。

该案例将会讲解一个简单的电信公司月度业务分析数据模型，通过本案例你可以简单的了解水晶易表中的图表部件（柱形图、折线图）、单值部件（量表、仪表盘）以及切换菜单的制作。

该数据是沈浩老师的《水晶易表——数据呈现的艺术》一书中的案例，今后的大部分案例都将来源于此。

我们需要分析的原数据如下：

需要做的效果，是用一个折线图/柱形图展现每一个品牌的连续12个月的销售额。

其中折线图与柱形图可以通过选择按钮工具随时切换显示。

三种品牌通过标签切换菜单工具切换。

同时利用三个量表显示每一个品牌的年度月份中最大值、最小值、平均值。

用一个量表显示每一个品牌全年销售额。

这样需要整理数据源，分别整理出柱形图/折线图作图数据、三个量表作图数据。

整理完作图数据之后，打开Xcelsius窗口，在顶部菜单中导入刚才整理好的excel文件。

导入完成之后，选择部件——选择器——标签式菜单，添加选择器（用于品牌切换）。

双击画布上的菜单，在标签的选择数据菜单中输入三个品牌名称所在的单元格区域（制作品牌选择器），源数据选择三个品牌的原始数据表（作为数据源），目标选择我们存放单个品牌数据的区域（这里是A2：M2）。

此时切换菜单已经完成数据定义，具备切换功能，接下来我们要制作柱形图/折线图。

在部件窗口选择统计图——折线图拖入画布，双击打开属性菜单，统计图标题引用为单个品牌的目标数据第一个单元格（也就是品牌名称，由上一步的菜单选择器控制并可以随着切换切换菜单不断变化）。

数据引用：按照行引用到目标数据区的1~12月数据单元格区域（B1~M2）。（含标题）。

其实现在标签与折线图已经实现了动态交互了，你可以通过顶部菜单——预览按钮，简单预览下激动人心的时刻。

同样的方式制作完成柱形图。

完成之后，可以通过顶部菜单预览动态交互效果。（将这两个图表大小调整至一致对齐放置）。

（如果你想让每切换一次都可以单独显示出该品牌的月度销售额数据，可以通过在柱形图折线图属性窗口的向下钻取菜单中开启向下钻取功能，将钻取目标定义到一个空白单元格，然后在单值部件选择一个量表，数据源指定到刚才定义的空白单元格位置，然后再次预览下效果，是不是很惊叹，每次单击某一个柱形图的柱子，该量表部件都可以单独显示该品牌月度销售额）。

在部件——选择器菜单中选择单选按钮，双击打开属性，标签链接到之前数据文件的柱形图/折线图（A5：A6）单位格位置，目标选择任意空白单元格（这里定义为B5）。

接着分别启用柱形图/折线图的动态可见性（在两者的属性——行为底部菜单中启用动态可见性，状态链接到刚才选择菜单输出的值B5的位置，代码分别设置指标为1、2）。

此时再次打开预览效果，你可以发现在切换品牌的同时，通过图形选择器，可以使得品牌的数据呈现在柱形图与折线图之间切换。

最后还有三个量表部件需要添加，量表部件添加比较简单。

在部件窗口单值——量表中添加三个量表部件。

分别设置三个量表的标题、实际数据、数据范围并开启量表的警报功能（警报功能连接到目标数据【根据具体指标含义设置目标值】，同时选择高低值属性，这里选择高值为好）。三个量表设置步骤相同。

此时画布内的所有数据及动态交互连接全部完成，标签菜单控制显示折线图/柱形图的品牌数据，（随着品牌数据变化， 其最高值、最低值及平均值也会随之变化，因而标签菜单间接控制三个指标的量表显示）。

柱形图或者折线图控制销售额量表。

图形切换选择部件控制图表显示方式。

此时再次打开预览菜单，查看下所有动态效果是否正常显示，如无误，可以继续修改画布的布局以及字体、配色。最后导出为swf文件（也可直接导出为word、excel、ppt等根据实际需要）。

如果想要修饰你的仪表盘画布，可以通过插入背景部件、图像部件等方式，添加背景及图片和swf视频。

案例文件（excel数据文件、xlf文件以及swf视频文件我会分享在魔方学院的QQ群共享里）。

QQ群：

微信群：