如何为Power BI报表设计动画背景

2021-10-18 14:39:40 浏览数 (1)

Power BI报表的页面背景默认是白色,可以在下图选项卡变更颜色,或者添加图片作为背景。

背景一般为静态,但是也可以使用动画,之前采总在《如何为Power BI报表设计动画背景?》这篇文章中使用了GIF动图作为动画背景。你还可以使用SVG文件的动画标签,以下动图是两个例子:颜色渐变和移动的路人(方块)背景。

将SVG图片导入页面背景即可。渐变颜色的SVG文件:

代码语言:javascript复制
<svg xmlns='http://www.w3.org/2000/svg' height='100' width='100'>
  <rect x='0' y='0' height='100' width='100' fill='DarkCyan'>
    <animate attributeName='opacity' from='0' to='1' begin='0s' dur='3s' repeatCount='indefinite'/>
  </rect>
</svg> 

此处图片的高度宽度随便设置,正常情况下,导入该背景文件后,如下显示为100*100的正方形。

只需要将图像匹配度设置为填充即可全页覆盖。

移动的SVG图片如下:

代码语言:javascript复制
<svg xmlns='http://www.w3.org/2000/svg' height='720' width='1280'>
  <rect x='0' y='200' height='300' width='300' fill='Tomato'>
    <animate attributeName='x' from='0' to='900' begin='0s' dur='5s' repeatCount='indefinite' />
  </rect>
</svg> 

这两个例子本身不具有实际使用价值,读者可修改其中的图形样式和动画指令(具体教程可在网上搜索SVG animate),与自己的报表适配。

svg

0 人点赞