Power BI 卡片图添加动画折线趋势

2023-09-05 15:09:59 浏览数 (1)

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迄今为止推出的最强大的视觉对象,以下是已经分享的用法,有兴趣可以翻阅:

卡片图添加异形边框

卡片图主次指标组合

《卡片图总分结构》

《卡片图添加地图》

《卡片图添加下划线》

卡片图添加折线趋势

卡片图叠加进度条

卡片图添加天气动画图标

卡片图模拟微信日周月对比

卡片图指标与排名组合

卡片图添加麦肯锡华夫饼图

卡片图添加环形图扇形图

卡片图展示访客漏斗

卡片图异常指标闪烁提示

卡片图单位切换

卡片图显示动态水印

0 人点赞