首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Power BI 卡片图升级:图像位置优化

Power BI 卡片图升级:图像位置优化

作者头像
wujunmin
发布2025-02-10 15:32:55
发布2025-02-10 15:32:55
3880
举报
文章被收录于专栏:wujunminwujunmin

近日Power BI对新卡片图视觉对象进行了一次低调升级,支持图像位置对齐方式调整。

基础款的卡片图是这样的:

新卡片图有插入图像功能:

可以得到:

这个图标用来表示这是个业绩指标,图标位置看上去很不协调。卡片图本次升级后支持垂直对齐(当图像位置在左侧或右侧时)和水平对齐(当图像位置在上方或者下方)。

这个示例选择垂直靠上对齐,得到:

靠下对齐可以添加一些SVG图标表示指标好坏:

这次的升级只能说聊胜于无,细节上还差点意思。还是这个钞票图标,当指标名称的宽度小于数据的宽度时,指标名称和图标之间会出现明显的空隙(下图左图),但实际我们想要的可能是右侧这种挨在一起的效果。

如果读者介意这个空隙,可以使用我分享的Power BI SVG在线工具进行设计。

打开工具:

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

选择富标签生成器:

搜索图标类型(本例为钞票),对颜色等参数进行调整,复制代码。

新建度量值,粘贴代码,把标签内容改为指标名称:

把这个SVG度量值插入卡片图图像的上方,并且关闭原卡图的标签。工具支持对标签添加背景色,这样图标和指标名称更加一体化。

这个SVG在线工具的更多用法参考:Power BI 无代码SVG工具七大应用

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档