首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Power BI 表格矩阵垂直居中的两种方案

Power BI 表格矩阵垂直居中的两种方案

作者头像
wujunmin
发布2025-09-03 18:47:48
发布2025-09-03 18:47:48
2650
举报
文章被收录于专栏:wujunminwujunmin

垂直居中在Excel表格是基本操作,但是Power BI诞生超过十年了,尚不支持。

图片
图片

Power BI内置表格目前的对齐方式只有左中右,没有上中下:

图片
图片

这导致行高较高时,显示效果不协调(下图左侧)。本文介绍两种方式解决这一问题。

图片
图片

如果是内置表格矩阵视觉对象,将文本嵌套在SVG矢量图(不了解SVG参考Power BI SVG制图入门知识2025版)中,使用dominant-baseline属性进行垂直居中:

代码语言:javascript
复制
SVG.垂直居中 = 
"data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg' id='wujunmin' width='90' height='90'>
<text x='0' y='45' dominant-baseline='central' font-size='20'>" & SELECTEDVALUE('业绩表'[店铺]) & "</text>
</svg>"

也可以灵活调整以下度量值的y值,对文本进行上下移动:

代码语言:javascript
复制
SVG.垂直居中 = 
"data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg' id='wujunmin' width='90' height='90'>
<text x='0' y='50' font-size='20'>" & SELECTEDVALUE('业绩表'[店铺]) & "</text>
</svg>"

下图店铺名称移动到了最下方,靠上、居中、靠下都可以。拖入表格时需要将SVG标记为图像URL。

图片
图片

有时候需要使用HTML表格(参考:Power BI HTML 表格的四大优势),当把表格度量值拖入HTML Content视觉对象时,可以看到自动实现了文本垂直居中。

这是该视觉对象设定了默认的CSS布局。背后的原理是:

如不需要垂直居中,则在表格CSS中指定vertical-align为top、bottom等参数。

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

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

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

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

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