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

Power BI 着色地图添加强调动画

作者头像
wujunmin
发布2023-09-27 14:55:33
1920
发布2023-09-27 14:55:33
举报
文章被收录于专栏:wujunminwujunmin

效果如下图所示,单选城市,该城市着色闪烁提示。该效果使用Power BI新推出的卡片图展示。实现过程分三步:

城市为虚拟

首先,获取SVG地图

接着将地图SVG度量值放在新卡片图,参考如下视频,地图是一种特殊的图标。

最后,将动画植入地图,查看地图度量值,可以看到每个地区的形状为SVG中的path元素,即<path 图形内容/>

使用SUBSTITUTE函数查找替换的方式对单选地区改变填充色(fill的值)并加入动画,动画的作用对象是fill-opacity,即填充色的透明度。

代码语言:javascript
复制
<path id="animated-path" 地图代码00 L150,50 Z" fill="Red">
<animate attributeName="fill-opacity" values="1;0" dur="2s" repeatCount="indefinite" />
</path>

完。

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

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

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

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

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