前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Power BI可视化的巅峰之作:新卡片图

Power BI可视化的巅峰之作:新卡片图

作者头像
wujunmin
发布2023-09-05 14:53:24
5640
发布2023-09-05 14:53:24
举报
文章被收录于专栏:wujunmin

近两年分享了全球最多的Power BI SVG自定义图表方法,新卡片图使得SVG有了更大的舞台,以下罗列几种用法。

  1. 装饰

SVG可以用作背景装饰,比如下图的渐变色,Power BI内置功能无法实现,借助SVG文件即可突破这一限制。

渐变的SVG代码如下,将代码保存到空白SVG文件,再上传到新卡片图背景图像即可。

代码语言:javascript
复制
<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30'>
<defs>
    <linearGradient id='wujunmin' x1='0' x2='0.5' y1='0' y2='0.5'>
        <stop offset='0%' style='stop-color:white'/>
        <stop offset='100%' style='stop-color:deepskyblue'/>
    </linearGradient>
   </defs>
<rect x='0' y='0' height='30' width='30' fill='url(#wujunmin)'/>
</svg>

除了背景,还可以添加SVG图标以场景化KPI,比如鞋服行业放置衣服图标,《复制粘贴就可以使用的Power BI图标素材查询系统2.0》分享了6000种SVG图标,复制需要的图标代码,保存为度量值,使用方法同下方第二节。

2. 判断指标好坏


新卡片图支持条件格式颜色判断指标好坏,但这远远不够,我们可以为指标增加SVG图标,比如升降箭头。还是上面的图标素材查询系统。找到箭头,复制里面的代码,生成以下度量值:

代码语言:javascript
复制
SVG箭头=IF([增长率]>0,向上箭头SVG代码,向下箭头SVG代码)

将度量值放入新卡片图图像URL,即可生成下图效果:

3. 主从指标结合


默认情况下,新卡片图对所有指标一视同仁,全部并列,这其实是不合适的。有的指标是主要指标,比如业绩,有的指标是辅助指标,比如业绩达成情况,业绩增长情况。之前《Power BI表格区分主次指标的一种方法》介绍了表格的展示方法,现在这个方法可以移植到新卡片图:

因新卡片支持SVG图片位置自定义,因此样式可以调整,下方主指标放在了右侧:

4. 迷你图


之前介绍的众多的表格矩阵迷你图都可以移植到新卡片,比如体现率值的华夫饼:

比如卡片图主指标体现当前的状态,我们还可以增加SVG迷你图显示趋势:

5. 任意图表


新卡片图可以放大到整个画布空间且支持SVG度量值作为图像插入,所以,这个视觉对象的终极应用是:DAX驱动的画布。例如前期《四象限分析的一种独特方式》介绍的四象限方块,现在可以放在卡片了。

Power BI今年对SVG的支持像是一路开挂,2月份的时候表格图像高宽可以数值不同,扩大了SVG图表的用法(参考:【视频】Power BI 2023重磅升级);4月份左右表格矩阵的图像最大尺寸可以到512像素,SVG从鸟枪变成了大炮(参考:Power BI 低调发布一项重大更新);而6月,新卡片图对SVG的支持,使得这种图表解决方案由大炮变成了导弹。无需漫长开发周期,无需依赖第三方,业务人员自己想怎么画图就怎么画图。《Power BI趋势:DAX驱动可视化》这篇文章的预测再次得到验证。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-06-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 wujunmin 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
腾讯云 BI
腾讯云 BI(Business Intelligence,BI)提供从数据源接入、数据建模到数据可视化分析全流程的BI能力,帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计,使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程,并支持报表的分享、推送等企业协作场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档