Power BI 动画之放大缩小

2023-09-05 17:31:46 浏览数 (2)

《Power BI 异常指标闪烁提示》《Power BI异常指标闪烁提示(2)》《Power BI异常指标闪烁提示(3)》三篇文章从三个不同的角度介绍了闪烁动画在Power BI的应用,有读者可能会觉得闪烁看时间长了眼花,本文介绍另外一种温和的动画:放大缩小。图标样式可以自定义,视频讲解如下:

动画代码:

代码语言:javascript复制
<style>
    @keyframes wujunmin {
      0% {
        transform: scale(1); 
      }
      50% {
        transform: scale(0.7);
      } 
    }
    path {
      animation: wujunmin 1s infinite;
      transform-origin: center;
    }
</style>

以下是配套的内置了6000多种图标的查询系统,都可以施加动画:

访问短网址:

https://douc.cc/2GQ1Ub

访问长网址:

https://app.powerbi.com/view?r=eyJrIjoiZDk1N2RiMTgtYWMwOC00ZDM3LTliYzQtYzMxYWYzOGVkNmI1IiwidCI6IjI5Y2JkNTY4LTBlOWItNDQ0Zi1iZTA1LTYxNjMyOTAzNjJmZSJ9


新卡片图是Power BI迄今为止最强大的三大视觉对象之一(另外两个是表格和矩阵)

新卡片图介绍

卡片图添加异形边框

卡片图主次指标组合

《卡片图总分结构》

《卡片图添加地图》

《卡片图添加下划线》

卡片图添加折线趋势

卡片图折线添加动画

卡片图折线添加首尾标记

卡片图叠加进度条

卡片图添加天气动画图标

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

卡片图指标与排名组合

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

卡片图自定义华夫饼图案

卡片图添加环形图扇形图

卡片图模拟Apple Wacth环形图

卡片图展示访客漏斗

卡片图异常指标闪烁提示CSS版

卡片图异常指标闪烁提示SMIL版

卡片图显示不同单位

卡片图显示动态水印

卡片图使用像素风格图标

卡片图LED风格数字

卡片图仪表盘富婆图表版

卡片图仪表盘EasyShu版

卡片图穿墙术

0 人点赞