首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Power BI 多维工具提示

Power BI 多维工具提示

作者头像
wujunmin
发布2026-04-10 13:54:53
发布2026-04-10 13:54:53
740
举报

试想这样一个业务场景,这是一个普通的Power BI表格:

各列有不同的工具提示需求,比如鼠标悬停在销售额列时需要展示各渠道对应门店的明细:

悬停在会员复购率列时,需要展示Top3会员:

悬停在销售折扣列时,需要展示产品品类的折扣:

这种工具提示的原理是CSS鼠标HOVER动作,在《Power BI 超级工具提示》已有详细论述。Paginated HTML table视觉对象极大简化了这种工具提示的制作过程。

首先,将需要的列和度量值放在Detaset:

这里的度量值不是普通的度量值,而是HTML对指标数值和工具提示内容打包书写。核心语法只有两行,如果需要提示的内容是文本,则:

代码语言:javascript
复制
HTML.带工具提示的指标= "
<span class='hover-text'>" & FORMAT([M.业绩达成率],"0.0%") & "</span>
<p class='w-tooltip'>" & 动态文本 & "</p>"

如果需要提示的内容是图表,则:

代码语言:javascript
复制
HTML.带工具提示的指标= "
<span class='hover-text'>" & FORMAT([M.业绩达成率],"0.0%") & "</span>
<svg class='w-tooltip'>" & 动态图表 & "</svg>"

数据字段拖入以上HTML度量值,并在高级样式区域放入上文提到的CSS HOVER语法:

这是DAX驱动可视化的魅力,一点点前端代码实现了工具提示增强:

1. 无需新建工具提示页

2. 每列可以有不同的工具提示维度、内容

3. 每列可以有不同的工具提示图表样式

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

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

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

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

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