前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Power BI卡片图添加地图

Power BI卡片图添加地图

作者头像
wujunmin
发布2023-09-05 14:56:02
2990
发布2023-09-05 14:56:02
举报
文章被收录于专栏:wujunmin

本文是Power BI新卡片图系列第五篇文章,前四篇如下,视频教程也在连载中。

新卡片图五大应用场景

新卡片图异形边框

新卡片图主次指标组合

《新卡片图总分结构》


Power BI 2023年6月推出的卡片图视觉对象是一个良好的地图载体。在卡片图添加地图,本质上就是添加图标,以下卡片图中,地图的添加方式和销售业绩、业绩达成率的图标没什么不同。

本公众号列示的所有地图仅供个人学习

但是,地图是一种特殊的图标形态,我们可以在地图上叠加多种信息。下图对边框或者填充色施加条件格式,当业绩达成时为红色,否则为绿色:

或者添加数据标签:

以下视频是动态演示:

实现以上效果首先要有SVG地图资源,上方演示的是省市地图,实际应用也可能是全球-各国/地区、全国-各省、市-区县、街道办-楼宇、楼宇-楼层、楼层-房间等等。《Power BI SVG着色地图:从全球到全国、省、市、区县、乡镇街道村、建筑空间操作技巧》介绍了不同层级的SVG地图如何获取或制作。这里针对省市区县级列举三个:

Excel插件Easyshu的地图功能:

https://www.yuque.com/cuihuajihome/easyshu/egvam6#pASCT

NB Map:

https://www.nbcharts.com/map/map.php

地图下载/制作完成后,如何导入Power BI?如果是单个地图,用记事本打开地图,将里面的双引号全部替换为单引号,复制到Power BI的度量值,注意需要添加下图红框的前缀,以便新卡片图识别。

如果是很多地图,使用导入文件夹的方式批量导入,把地图当作文本进行处理,批量导入完成后,也添加前缀 data:image/svg+xml;utf8,

操作到这一步,已经可以卡片图添加图像URL,引用上方地图。

此时的地图为原始文件,只能依据城市切片,切换样式,无法改变颜色。分析地图的源代码,有stroke字样表示边框颜色,fill字样表示填充色,借助DAX,可以将这两者动态化。

比如,原始边框色是黑色,新建如下地图度量值,进行颜色替换,即可实现红绿色边框展示,填充色同理。

代码语言:javascript
复制
SVG.地图显示边框颜色 = 
VAR Color = IF([业绩达成率]>=1,"green","red")
RETURN
SUBSTITUTE([SVG.地图显示基础版],"black",Color)

插入数据标签的方式是SVG地图尾部加入text标签。

代码语言:javascript
复制
SVG.地图显示填充颜色加标签 = 
    SUBSTITUTE (
        [SVG.地图显示基础版],
        "</svg>",
        "<text x='220' y='220' font-size='60'>"
            & FORMAT ( [M.业绩达成率], "0%" ) & "
</text></svg>"
    )

另外,有读者可能有层级切换的需求,例如下方是不同的衢州市展现方式,借助替换也是同样可以实现。

以下是本文列示的全家福,卡片图的地图应用远不止这些,后续还会介绍。


本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-06-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 wujunmin 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
腾讯云 BI
腾讯云 BI(Business Intelligence,BI)提供从数据源接入、数据建模到数据可视化分析全流程的BI能力,帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计,使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程,并支持报表的分享、推送等企业协作场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档