效果如下图所示,单选城市,该城市着色闪烁提示。该效果使用Power BI新推出的卡片图展示。实现过程分三步:
城市为虚拟
首先,获取SVG地图
接着将地图SVG度量值放在新卡片图,参考如下视频,地图是一种特殊的图标。
最后,将动画植入地图,查看地图度量值,可以看到每个地区的形状为SVG中的path元素,即<path 图形内容/>
使用SUBSTITUTE函数查找替换的方式对单选地区改变填充色(fill的值)并加入动画,动画的作用对象是fill-opacity,即填充色的透明度。
<path id="animated-path" 地图代码00 L150,50 Z" fill="Red">
<animate attributeName="fill-opacity" values="1;0" dur="2s" repeatCount="indefinite" />
</path>
完。