蘋果公司某次發(fā)布會(huì)上有個(gè)酷炫的滾動(dòng)照片墻，其實(shí)Power?BI也能做。

雙向滾動(dòng)版：

變速版：

無(wú)限循環(huán)版：

實(shí)現(xiàn)原理是照片批量嵌入SVG，利用SVG的動(dòng)畫(huà)標(biāo)簽按照DAX指定的路徑運(yùn)動(dòng)。

準(zhǔn)備好照片數(shù)據(jù)，為每個(gè)類別建立索引（本例有四個(gè)類別，即照片顯示四行），每個(gè)類別下的每張照片建立子索引。

以雙向滾動(dòng)版為例，新建度量值：

解釋說(shuō)明如下：

將度量值拖動(dòng)到Html Content這個(gè)圖表即可實(shí)現(xiàn)動(dòng)畫(huà)中的滾動(dòng)效果。

對(duì)于間隔滾動(dòng)，只需要將by后面的if函數(shù)-800改為0；每行滾動(dòng)速度不同可以將dur中的固定秒數(shù)按行單獨(dú)設(shè)置；沒(méi)有留白無(wú)限循環(huán)的模式讀者可以想下怎么解決，想到可以留言。

這種滾動(dòng)效果絕不僅僅是用來(lái)娛樂(lè)，將一些業(yè)務(wù)指標(biāo)做成卡片，放在大屏滾動(dòng)效果也會(huì)不錯(cuò)。

本文配套視頻教程：https://t.zsxq.com/0epnTvJrH