Power BI模拟苹果发布会滚动照片墙
日前，苹果公司举办了2021秋季产品发布会。不知道你认为十三香不香，我反正准备让手上的6s继续服役。发布会上有个酷炫的滚动照片墙，其实Power BI也能做。
版本可以多种多样，下图是间隔滚动版：
双向滚动版：
变速版：
无限循环版：
实现原理是照片批量嵌入SVG，利用SVG的动画标签按照DAX指定的路径运动。
准备好照片数据，为每个类别建立索引（本例有四个类别，即照片显示四行），每个类别下的每张照片建立子索引。
以双向滚动版为例，新建度量值：
滚动照片墙双向版 =
VAR SVG_Table=ADDCOLUMNS('照片', "Image标签",
"<image xlink:href='"&[URL]&"' x='"&([子索引]-1)*100 &"' y='"&([索引]-1)*100 &"' height='100' weight='100'>
<animate attributeName='x' by='"&IF(MOD([索引],2)<>0,800,-800)&"' begin='0s' dur='10s' repeatCount='indefinite'/>
</image>")
Return
"<svg xmlns='http://www.w3.org/2000/svg' height='400' width='800'>"&
CONCATENATEX(SVG_Table,[Image标签])&"
</svg>"解释说明如下：
将度量值拖动到Html Content这个图表即可实现动画中的滚动效果。
对于间隔滚动，只需要将by后面的if函数-800改为0；每行滚动速度不同可以将dur中的固定秒数按行单独设置；没有留白无限循环的模式读者可以想下怎么解决，想到可以留言。
这种滚动效果绝不仅仅是用来娱乐，将一些业务指标做成卡片，放在大屏滚动效果也会不错。
本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2021-09-17，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
相关产品与服务
腾讯云 BI
腾讯云 BI（Business Intelligence，BI）提供从数据源接入、数据建模到数据可视化分析全流程的BI能力，帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计，使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程，并支持报表的分享、推送等企业协作场景。