1. 内容概述

自定义地图组件支持使用用户自己绘制的地图绑定和呈现数据。

我们可以直接在设计器中绘制自定义地图,只需导入底图图片,进行描边和调整标记点,即可使用。

如下图所示,我们根据一张商场的平面图绘制并使用了可用于绑定数据的自定义地图。

实际应用中,我们可以根据不同的应用场景和底图绘制出多种自定义的地图,绘制完成后即可在仪表板中使用。

注意

这里需要注意的是,数据集中的地理位置名称必须与自定义地图中为每个区域的命名一致,这样数据才能匹配上。

文中以Wyn Enterprise商业智能软件为例,使用商场平面图作为底图绘制自定义地图为例为您讲解自定义地图组件的整个使用过程,包括使用设计器绘制自定义地图和在仪表板中使用的过程。

2. 绘制自定义地图


在门户网站的首页单击

,选择“创建自定义地图”打开自定义地图设计器。

单击导入图片按钮,可导入底图。

随后点击右侧的绘图工具对图片进行描边,描边完成后,设置对应的区域名。

可以选择矩形或圆形工具直接绘制规则形状,也可以选择自由绘制。

每绘制完成一个形状后,会弹出区域保存对话框。输入该区域的命名后,单击保存即可。

注意

区域的命名需与最终使用的数据集中的位置字段一致,这样才会使数据匹配上。

每个区域中有一个数据标记点,用于标记在仪表板中使用时数据标注显示的位置。如下图所示。 可以通过鼠标拖拽,调整数据标注点的位置。

另外,通过框选或安装Shift健,选择多个形状后,单击鼠标右键可将形状组合。组合后共用一个数据标记点。

全部绘制完成后,单击左上角的保存按钮,保存自定义的地图。

保存后,可在门户网站的资源分类中看到它。

3. 准备数据


使用带有商场商铺名称的数据创建数据源和数据集,预览如下。

注意

请注意商铺名与自定义地图中为每个区域形状的命名需保持一致。

4. 在仪表板中使用自定义地图


(1)  添加自定义地图组件。

(2)  选择自定义地图。

(3)  绑定数据集和数据。

(4)  在属性设置面板中设置组件显示样式。

比如设置填充基色和不透明度。

将数据标注显示出来。

按照需要可在属性设置中进一步设置图表样式,例如设置标题,字体大小颜色,图例,系列配色,提示等,这里不再一一介绍。

提示

进入组件的聚焦状态可以更方便一边设置属性,一边查看组件变化效果。

(5)  预览并保存。设计自定义地图,Wyn Enterprise商业智能软件就这个简单,快来体验吧。

手把手教你绘制自定义地图相关推荐

  1. 手把手教你 Tableau 自定义地理编码(十九)

    手把手教你 Tableau 自定义地理编码 Tableau 绘制地图时,支持的地理位置数据有限.当我们需要 Tableau 识别我们自定义的地理位置数据时,我们可以使用 Tableau 的自定义地理编 ...

  2. 手把手教你下载在线地图?!再也不用下了

    头疼之源 作为一个地理信息的工作小白,常常在项目上或者一些方案汇报上要用一些离线地图,然后就开始网络各类下载神器.公众号关于手把手教你下载在线地图 这种 还有这种 原因反思 真实想了想,我为啥要把数据 ...

  3. 火箭图标c语言的软件,PS手把手教你绘制酷炫有型的火箭图标

    原标题:PS手把手教你绘制酷炫有型的火箭图标 绘制火箭图标 这些调色板上的颜色是我们将要用到的颜色,我选择了一些不那么鲜艳的颜色,这能和扁平化的图标很好地结合,你可以将这个色板储存在你的电脑中,这样你 ...

  4. TensorFlow2 手把手教你实现自定义层

    TensorFlow2 手把手教你实现自定义层 概述 Sequential Model & Layer 案例 数据集介绍 完整代码 概述 通过自定义网络, 我们可以自己创建网络并和现有的网络串 ...

  5. 热带雨林绘画软件测试,手绘教程!手把手教你绘制光影超棒的热带雨林插画

    关于教程 本次的教程主要分享原创创作的绘画思路.首先是根据主题深入思考,然后进行寻找自己想要的插画风格和寻找自己要画的元素的素材.手把手教你绘制属于自己的插画,感兴趣的话就马起来练习叭! 教程步骤 步 ...

  6. Android反编译:手把手教你制作高德地图车机共存版

    Android反编译:手把手教你制作高德地图车机共存版 前言 前期准备 反编译流程 反编译获取有效信息 修改关键信息 修改包名 修改其它配置 生成APK 重新打包成apk 重新签名 绕过校验机制 定位 ...

  7. matlab 条形图误差线,数据可视化系列:手把手教你绘制带误差线的条形图

    原标题:数据可视化系列:手把手教你绘制带误差线的条形图 条形图可以用于展示数据不同分类下的均值.中位数.标准差和置信区间等,Excel可以实现,但对于带误差线的条形图而言,还是比较麻烦的.R语言的基础 ...

  8. PS教程!手把手教你绘制一枚经典的iTunes图标

    编者按:现在扁平化时代,很多同学可能都忘了怎么用图层样式塑造拟物效果了,今天这枚教程带同学们来回顾一下,作者是@P大点S微博 里的高手,对于图层样式有很多精辟独到的见解,让人大开眼界,来学习一下. P ...

  9. graphpad两组t检验_Graphpad 作图教程 | 手把手教你绘制森林图

    森林图 (forest plots) 是以估计模型 (固定效应模型或是随机效应模型) 结果为基础绘制出的图型.它以一条垂直的直线 (横坐标刻度为 1 或 0) 为中心,用平行于横轴的多条线段描述了每个 ...

最新文章

  1. show line numbers
  2. [实验]自举?只不过是电容和二极管捣的乱
  3. CSUOJ-1980 不堪重负的数(区间dp)
  4. elasticsearch httpclient认证机制
  5. java.sql.SQLSyntaxErrorException: ORA-00923: 未找到要求的 FROM 关键字
  6. linux配置端口ipv6地址,linux配置ipv6地址命令
  7. [zz]How to sign .EXE, .DLL and .CAB files?
  8. 60秒ICO募资2.35亿,AI+区块链概念,这个风口上的公司有点怪
  9. 【Kettle】job中设置自动发送邮件
  10. 【PL/SQL】测试函数时,日期参数的输入格式
  11. Windows窗体编程基础学习:更改TabControl 的外观(如qq用的)
  12. 【Xamarin 跨平台机制原理剖析】
  13. Java 将Excel转为XML
  14. COMSOL Multiphysics 多物理场仿真学习小记
  15. 【物联网】Arduino Uno开发板连接阿里云实现云端远程控制LED灯开关
  16. u盘插入计算机显示被写保护,磁盘提示被写保护怎么办?
  17. Purism向linux手机开炮
  18. 在Photoshop中设计Web 2.0标签/徽章
  19. android手机分辨率适配,Android屏幕适配(一)
  20. docker swarm的常用操作

热门文章

  1. C++的一个指针占内存几个字节?
  2. 信息学奥赛一本通:1125:矩阵乘法
  3. 美颜SDK有什么用?美颜SDK可以在直播和短视频中有哪些作用?
  4. 苹果测试充电速度软件,ChargerLAB推出iPhone 8快充测试工具POWER-Z
  5. 正确理解差异的“专业意义”与“统计学意义”
  6. docker仓库mysql所有版本_Docker 安装 MySQL8.0
  7. 献给小白的笔记day6
  8. nagios的安装及nrpe的配置
  9. html+text+shadow语法,text-shadow属性怎么用
  10. 为什么要使用API Key 和Secret Key