历史版本13 :自定义图片钻取 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

FineBI 版本功能变动
6.0-

1.2 预期效果

将商场地图进行区域店铺的自定义分类,实现自定义钻取地图。例如将商场内的各家店铺划分为六个综合区域实现「商场地图> 1 号楼综合区域>店铺」的自定义钻取层级。如下图所示:

42.gif

1.3 实现思路

先通过创建「地理信息」来制作地图,再在制作钻取地图时绑定自定义地图与数据集里对应的地理数据实现此功能。

自定义地图制作详情请参见:地理信息

地图钻取详情请参见:地图钻取

2. 制作自定义地图编辑

示例使用的自定义地图和数据请参见:商场地图钻取图片及数据表.zip

2.1 新建层级目录

目录的层级即对应地图的钻取关系。

1)新建目录。打开「管理系统>地图配置>自定义图片」,将图片保存到「自定义图片」目录下。点击「+」新建目录。编辑添加的自定义图片目录名称,设置为「商场地图」,点击「确定」,完成目录设置。如下图所示:

24.png

2)新建「商场地图」的下一层级目录。点击「商场地图> + 」新建目录,设置为「1 号楼综合区域地图」。如下图所示:

25.png

2.2 导入自定义图片

1)选择刚刚创建的目录下,「导入图片」之后点击「保存」。如下图所示:

26.png

2)在「1 号楼综合区域地图」目录下导入钻取层级的图片,点击「保存」完成地理信息目录编辑。如下图所示:

27.png

2.3 绘制地图

2.3.1 绘制地图边界

选择「商场地图>多边形」,选一个点作为起始点开始描绘地区,双击鼠标左键或者单击鼠标右键完成绘制,点击「完成」。如下图所示:

28.png

2.3.2 设置区域名

完成绘制形状,此时会提示输入「区域名」和「中心点」经纬度(标签显示的位置),「区域名」与数据里对应的地理信息保持一致,输入信息后点击「保存」,完成第一块区域绘制。如下图所示:

29.png

注:自定义地图里的区域名和需要进行地理角色转化的字段下的数据相匹配,否则不能实现钻取效果。详情请参见本文 3.3 节。

接下来依次绘制各个区域地图边界,设置区域名,完成「商场地图」绘制;再重复相同步骤完成「1号楼综合区域地图」绘制。

2.4 效果预览

  • 「商场地图」信息制作效果如下图所示:

注:绘制地图完成后,要点击右上角「保存」,不保存会导致绘制的地图丢失。

30.png

  • 「1号楼综合区域地图」信息制作如下图所示:

31.png

3. 制作组件编辑

3.1 添加数据

1)点击「新建分析主题>本地 Excel 文件」,添加下载的「商场地图信息表」到 FineBI ,如下图所示:

32.png

2)点击「编辑」,添加「字段设置」,将数值格式的「店铺名」转化成文本格式,点击「保存并更新」。如下图所示:

33.png

3.2 设置地理角色

1)点击「添加组件」,将目标字段转化为地理角色。比如想要创建从商场地区钻取到各综合区域内店铺的销售量数据进行分析,将待分析维度下的「商场区域」字段,将其转换为地理角色,点击17.png>地理角色>自定义图片」。如下图所示:

34.png

2)点击自定义图片下拉框选择相互匹配的层级目录「商场地图」。地区匹配会根据字段数据和地图区域名自动匹配,点击「确定」完成角色转化。如下图所示:

35.png

3)按上述步骤,选择与店铺名字段对应的下一层级钻取地图进行地区匹配,完成将「店铺名」字段转化为地理角色。「店铺名」「商场区域」两个字段转化为地理角色后各自生成经纬度字段,效果如下图所示:

36.png

3.3 设置钻取目录

经纬度字段转化好以后,将「店铺名」字段拖至「商场区域」字段处,创建「商品区域,店铺名」的钻取目录。拖动字段至重叠自动生成钻取目录的名称,点击「确定」保存。如下图所示:

37.gif

3.4 设置图表

1)选择「区域地图」,「商场区域,店铺名(经度)」「商场区域,店铺名(纬度)」两个字段分别拖入横纵轴。如下图所示:

38.png

2)图表中显示了店铺覆盖商场区域,但还没能实现钻取的效果,需要我们将创建的钻取目录字段「商品区域,店铺名」拖至图形属性下(根据用户需求拖入「颜色」、「标签」、「提示」「细粒度」中的其中任意一个即可)。比如将该字段拖至「颜色」下完成钻取。如下图所示:

39.png

3)根据用户需要进行样式设计。例如在组件样式下取消勾选「图例」 。如下图所示:

40.png

4)点击颜色栏设置配色方案,将「商场区域」字段拖入标签栏,将「销售额」字段拖入「提示」,如下图所示:

41.png

3.5 效果预览

自定义地图钻取效果可参见本文 1.2 节。

完成的仪表板可参见:商场地图信息表