B站创作中心后台有这样一组卡片图,上方是带图标的指标名称,中间是累计数据,下方是昨日数据,Power BI使用新卡片图(不了解新卡片图参考:Power BI可视化的巅峰之作:新卡片图)可以模拟。
模拟效果如下图所示,这个卡片看着简单,实际需要多个技巧组合才能够实现。
添加图标
首先拖入新卡片图阅读量度量值,完成基础卡片:
卡片上添加图标使用图像URL或者本地图片,图标资源参考《Power BI SVG素材合集:图标、地图、背景》,图标的位置选择左侧。
效果如下图所示,这是我们期待的结果吗?显然不是。图标与“阅读量”文字并没有紧密挨着。这是因为新卡片图的图像位置目前仅支持上下左右。
这个左是针对卡片的所有内容,下面的数字是突出的,宽度大于“阅读量”这三个字,导致图标与阅读量产生了分离。
那么,如何使二者挨到一起?最简便的方式是,PPT做一个图标和“阅读量”文字的组合图。如果对SVG比较熟悉,可以在SVG图标里面手动加一个text标签同样实现。把组合图导入卡片图的图像,并隐藏原来的“阅读量”标签。组合图的位置选择“上”。
添加昨日数据
把昨日的指标放入卡片的引用标签(不了解引用标签参考:Power BI 新功能:卡片图引用标签初探),位置设置为居中,昨日的数据就会显示到卡片下方。
但是,数据前面的 号不会自动显示,这时又需要另外一个技巧-动态格式(不了解动态格式参考:Power BI 动态格式的奇葩用法),把昨日的格式如下调整, 号即会显示。
综上,这么一个简单的卡片图,用到了Power BI今年推出的一系列功能组合才实现。
前期引用标签的相关文章:
Power BI 新功能:卡片图引用标签初探
Power BI 新功能组合:产品信息卡
Power BI 引用标签深度应用:业绩杜邦分析
更多模拟大厂图表:
Power BI 模拟大厂图表的核心思路
Power BI模拟大厂图表总结贴-2022版