首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Power BI 标签卡边设计

Power BI 标签卡边设计

作者头像
wujunmin
发布2026-01-28 14:19:41
发布2026-01-28 14:19:41
960
举报
文章被收录于专栏:wujunminwujunmin

效果如下:

实现方法为在Power BI卡片图的背景区域添加SVG图像度量值:

代码语言:javascript
复制
SVG.卡边卡片背景1 = 
VAR title = "销售额"
RETURN
"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='wujunmin' width='200' height='120'>
    <rect rx='5' x='5' y='10' width='190' height='100' 
        fill='none' stroke-width='2' stroke='blue'
    />
    <path d='M20 10L100 10' stroke-width='4' stroke='white'/>
    <text x='60' y='10' text-anchor='middle' dominant-baseline='central' 
        font-size='20' fill='grey'>"
            &title & "
    </text>
</svg>"

以上度量值可以添加多个<text>标签,形成指标组:

该方案也可用于按钮切片器的背景区域进行维度展示:

也可矩阵中进行日历展示:

配套pbix▼

Power BI业务实战及图表设计》知识星球已包含200+节视频课程,1300+源文件,1500+主题,以下是星球的部分专题:

Power BI SVG图表设计:从基础到实战

Power BI 表格滚屏教程

Power BI SVG地图教程

Power BI DAX+HTML图表专题目录

Power BI 表格矩阵条件格式图标专题目录

Power BI 内置视觉对象自定义组合图表

Power BI DAX自定义瀑布图探索

Power BI十大有业务分析力的图表

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

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

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

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

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