Tableau 内制作自定义背景地图一般会被应用到楼层内店铺分布平面图、区域内建筑分布平面图,效果图如下:
![](https://img.haomeiwen.com/i15608034/7b3cefe895aa244e.png)
准备工作
1.一份平面地图的图片
![](https://img.haomeiwen.com/i15608034/560950d4a45bf889.png)
2. 该区域教学楼数据,如下图:
![](https://img.haomeiwen.com/i15608034/cac829f0ab4fd037.png)
实现步骤
1. Tableau连接数据,并双击度量中的X,Y (注:X, Y代表每个建筑在图片中的位置信息)
![](https://img.haomeiwen.com/i15608034/32984f89ff0ea8ad.png)
2. 编辑背景地图
![](https://img.haomeiwen.com/i15608034/3f892a9921979212.png)
3. 添加图片
![](https://img.haomeiwen.com/i15608034/3b73d7cba7f396be.png)
编辑图片需要先选择需要图片的路径、设置图片X和Y轴对应的数据源中的字段、设置X和Y的轴距
![](https://img.haomeiwen.com/i15608034/ca8bb8ac32420732.png)
X和Y的轴距应参照该图片的分辨率设置,如下图:
![](https://img.haomeiwen.com/i15608034/31d9bb51834a0fd9.png)
4. 为了防止图片在Tableau内随意放大缩小失真,下面需要锁定图片的纵横比
![](https://img.haomeiwen.com/i15608034/9ec7e75ce9f3a3e3.png)
5. 添加完图片效果展示
![](https://img.haomeiwen.com/i15608034/d578a935d5260032.png)
6. 图片被缩小化时因为X轴和Y轴的范围太大所致,需要将X和Y轴的范围设置成编辑图片时的轴距 ( 图3.2 )
![](https://img.haomeiwen.com/i15608034/03cbc2c7bdfb2a2f.png)
![](https://img.haomeiwen.com/i15608034/ef3ff6a8614d9a9d.png)
7. 将维度Description 拖入 Label "标签" 选项卡,并将每个点设置成实心圆,再设置每个点的颜色并隐藏X和Y轴标题即可完成
![](https://img.haomeiwen.com/i15608034/dbe3d474304894e1.png)
至此我们的自定义背景地图就完成了!
网友评论