180_Power BI 新卡片图计算组与同环比应用

焦棚子 2023-06-2615:53:20评论1,1291字数 1905阅读6分21秒阅读模式

焦棚子的文章目录

请在文末下载附件

 

一、背景

在 2023 年 6 月,Power BI 更新了新的视觉对象:Card(new)

180_Power BI 新卡片图计算组与同环比应用

当前还需要在预览功能中将其打开。

180_Power BI 新卡片图计算组与同环比应用

 

我们在实际的应用中将新卡片图做了一些应用,先来看看具体效果。

 

 

180_Power BI 新卡片图计算组与同环比应用

 

二、具体实现

毋庸置疑,底层依旧是 DAX 驱动的视觉效果。

新的卡片图可以在指标的旁边(上下左右)任选其一来使用图片URL。不仅可以使用类似头像,产品图片等设定好的内容。同时也支持SVG格式的图片,当然你完全可以舍去指标值,完全只应用图片功能。

本案例,我们使用的就是新卡片图的支持SVG图片格式的功能来实现动态的同环比。

1、度量值-指标

当前新卡片图中,四个重要的指标,分别是销售额、成本、费用、毛利,对应的度量值如下。

01_销售金额_单位 = 
CALCULATE( SUM ( 'T41_订单子表'[产品销售金额] ),USERELATIONSHIP('T10_门店表'[区县ID],'D23_区县表'[区县ID]))

02_产品成本_单位 = 
SUMX ( 'T41_订单子表', 'T41_订单子表'[产品销售数量] * RELATED ( 'D30_产品表'[产品成本价格] ) )

07_毛利_单位 = 
[01_销售金额_单位] - [04_费用_人工_单位] - [06_费用_租金_单位] - [05_费用_装修折旧_单位] - [02_产品成本_单位]

13_费用_总_单位 = [04_费用_人工_单位]+[05_费用_装修折旧_单位]+[06_费用_租金_单位]

 

180_Power BI 新卡片图计算组与同环比应用

 

2、度量值-同环比

销售额、成本、费用、毛利,新卡片同环比图片的对应的度量值如下:

CARD_SVG_YOY_MOM_正_01_销售金额 = FORMAT([01_销售金额_单位] + 0,"0.00")

CARD_SVG_YOY_MOM_负_02_产品成本 = FORMAT([02_产品成本_单位]+0,"0.00")

CARD_SVG_YOY_MOM_负_13_费用_总 = FORMAT([13_费用_总_单位]+0,"0.00")

CARD_SVG_YOY_MOM_正_07_毛利 = FORMAT([07_毛利_单位]+0,"0.00")

 

180_Power BI 新卡片图计算组与同环比应用

 

如上的同环比度量值都非常简单,如何显示出同环比的呢?

这里就是我们思考的点,类似这样的需求是有多个指标都需要计算相同的形式的衍生度量值。没错,我们应该很自然的想到计算组

 

3、计算组

通过 Tabular Editor 我们就可以看到对应计算组的 DAX 公式。

180_Power BI 新卡片图计算组与同环比应用

 

在 Power BI Desktop 里面,我们需要在视觉对象上的筛选器添加对应的筛选即可实现效果。

180_Power BI 新卡片图计算组与同环比应用

 

三、总结

  1. 新卡片图出现可以是单个,也可以是多个。其中最大的图像尺寸可以达到999*999,这给了用户更多可能。用户可以隐藏指标值,把重点落在图像上。这里一定要把999*999的大图上一张,感受一下。当然剩下的想象发挥空间就留给诸位了。

    180_Power BI 新卡片图计算组与同环比应用

     

  2. 一般情况下我们还可以使用简单的图标来实现状态,如完成率的大拇指向上或者向下。

180_Power BI 新卡片图计算组与同环比应用

CARD_SVG_正_12_销售目标_完成率 = 
VAR ac = [12_销售目标_完成率_年累计_%]
VAR _unicode = IF(ac>1,"👍","👎")

/*拼接 SVG */
VAR svg_image_header = "data:image/svg+xml;utf8," /*SVG 图像类型头部。*/
VAR svg_content = "
<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 100 100'>
  <text x='50%' y='50%' dominant-baseline='middle' text-anchor='middle' font-size='60'>" & _unicode & "</text>
</svg>
"
RETURN
    svg_image_header & svg_content

 

  1. 目前新卡片图还是预览状态,不过在国内世纪互联上也可以显示,但在生产环境建议还是再等等。
  2. 今年 Power BI 无论是之前矩阵中图像最大像素支持 512*512 还是当前新卡片图中最大像素支持 999*999,都给我们的 Power BI 报告带来了无限的肯能。但不能忘了商业智能的本质还是为了企业提供高效的洞见而存在。

 

直播预告

B站|微信视频号 同步直播

时间:2023年6月28日 晚 20:00

180_Power BI 新卡片图计算组与同环比应用

 

 

by焦棚子

焦棚子的文章目录

 

请点击【立即购买】或者【升级VIP】获得案例附件。

隐藏内容需要支付:¥10
立即购买 升级VIP

焦棚子
  • 除非特殊声明,本站文章均为焦棚子原创,转载请务必保留本文链接!
  • 《180_Power BI 新卡片图计算组与同环比应用》链接:https://jiaopengzi.com/3019.html