Power BI 2023年6月推出了新的卡片图视觉对象(不了解新卡片图可参考此文:Power BI可视化的巅峰之作:新卡片图),已经介绍了十几种实用且好玩的用法。本文为卡片图的折线趋势添加一种动画效果,效果如下GIF:
添加折线的基础用法参考《Power BI卡片图添加趋势图》,折线上添加动画的常规做法是使用路径的填充偏移策略,《视频课程:Power BI DAX自定义流向地图》采用了这一策略。
今天介绍一个取巧的办法:折线本身是固定的,在折线的上方覆盖一个长方形,长方形和背景色保持一致(此处为白色),长方形刚开始完全覆盖折线,数据发生变化后(比如日期范围进行了重新选择),长方形开始从左向右移动,这样造成是折线不断前进的错觉。折线和长方形移动动画的代码如下:
代码语言:javascript复制<polyline fill='none' stroke='LightGrey' stroke-width='" & Line_stroke & "' points='" & Lines & "'/>
<rect id='wujunmin' x='0' y='0' width='310' height='90' fill='white'>
<animate attributeName='x' from='0' to='310' dur='3s' fill='freeze' />
</rect>
新卡片图是Power BI迄今为止推出的最强大的视觉对象,以下是已经分享的用法,有兴趣可以翻阅:
《卡片图添加异形边框》
《卡片图主次指标组合》
《卡片图总分结构》
《卡片图添加地图》
《卡片图添加下划线》
《卡片图添加折线趋势》
《卡片图叠加进度条》
《卡片图添加天气动画图标》
《卡片图模拟微信日周月对比》
《卡片图指标与排名组合》
《卡片图添加麦肯锡华夫饼图》
《卡片图添加环形图扇形图》
《卡片图展示访客漏斗》
《卡片图异常指标闪烁提示》
《卡片图单位切换》
《卡片图显示动态水印》