今天继续跟大家分享水晶易表系列关于地图呈现的技巧——自定义数据地图。
该案例主要通过图标模拟与之前学过的动态可见性,根据数据需求,订制动态交互式地图图表。
案例中用到了北京、重庆、广东省三个省级行政区的数据,通过在对应行政区位置添加隐藏的图标,链接使得对应区域有深色填充的地图图片显现,同时图标返回对应区域动态数据,激活对应区域统计图呈现,从而达到图表与区域同时联动的动态交互效果。
所用素材会与数据文件一并分享在魔方学院的QQ群里:
案例截图如下:
里面的地图不是水晶易表内置的地图,是导入的地图素材,而且是三张,每一张的对应省份位置区域填充深色,通过在对应省份位置添加图标链接,点击后会调用可见性让对应省份的地图呈现在画布上,同时下方的统计图也会随着对应省份填充地图一同呈现。
案例数据如下:
数据结构非常简单,上半部分是三个省份对应图标链接的标签位置(A4:A6),对应代码(B4:B6)以及目标插入位置(B7)。
下半部分是对应省份统计图数据源(B10:B13、C10:C13、D10:D13)以及标签位置(A11:A13)。(三个统计图对应可见性代码分别为1、2、3,状态为B7)。
在水晶易表中,我们先插入图像部件,将素材的四张图片全部导入,居中覆盖对齐。
在选择器部件中插入对应省份(北京、重庆、广东)图标,分别将北京、广东、重庆对应图标标签链接到对应单元格)(A4:A5),对应数据插入位置的源数据修改为(状态(选中:1、取消选中:1)、(选中:2、取消选中:2)、(选中:3、取消选中:3)),目标均插入B7单元格。
重庆与广东区域面积较大,形状轮廓比较特殊,可以将其复制几份,覆盖整个对应地区图形形状。
插入三个柱形图、标签链接到:A11:A13,数据源分别为B11:B13、C11:C13、D11:D13。动态可见性状态均为B7,代码分别为1、2、3.
最后将所有图表批量选中,在属性中设置100%透明。
再次预览一下,点击对应省份位置区域,如果现实悬浮标签,并且下方图表切换正常,则整个交互动作设置设置完毕,可以导出使用。