PowerBI设计技巧:工具提示开关

之前的文章介绍了利用书签切换不同的工具提示效果,这篇文章再介绍一个技巧,在报告页面上设计一个工具提示开关,动态切换是否显示图表工具提示,效果如下:

是不是很有趣!

工具提示能在可视化页面通过一个按钮进行开关吗?表面来看当然是没有这个功能的,那么这个效果是如何做到的呢?

其实背后的秘密非常简单,这里的树状图其实有两个,一个设置了图表工具提示,一个设置了默认的工具提示,利用书签进行动态的切换图表而已。

并且为了效果更加逼真,在报表页面添加了两个开关的图标,作为按钮来操控书签。

整体思路就是这些,如果你对书签比较熟悉,看到这里应该已经完全清楚,本文也可以结束了。

不过考虑到还有不太熟悉的同学,以上图为例,这里再简单介绍一下操作步骤。

1. 在原报告的基础上,复制一个树状图并分别设置工具提示

在图表的格式面板,可以设置工具提示的类型:默认值/报表页:

对于这两个完全一样的树状图,工具提示类型分别设置为默认值、报表页,工具提示设置为报表页的,选择提前设计好的工具提示页。(关于如何设计工具提示页,这里不再介绍,可参考:深入了解PowerBI的工具提示功能

设置好以后,将两个树状图上下重合叠放到一起。

当然这里也可以设置完全不显示工具提示,大家可以根据自己的需要来调整。

2. 插入两个图标,作为开关按钮

准备好两个开关图标,插入进来,并上下重合叠放到一起。

关于图标资源,可以从网上搜索下载,平时多积累,推荐一个好用的图标资源:阿里巴巴矢量图标库https://www.iconfont.cn/

3. 添加两个书签

利用选择面板,分别设置树状图和开关按钮的显示/隐藏状态,来添加书签。

书签的具体细节如下图所示。

4. 设置按钮的操作属性

分别设置这两个按钮的操作属性,选中开的按钮,设置操作的书签为“工具提示关”:

另一个按钮则正好相反。

至此,设计完成,点击就可以看到本文开头的动态交互效果。

关于书签和工具提示,多动手练习,才能够在需要时灵活运用,如果对书签还不熟悉,建议看看这几篇文章:

PowerBI中的书签,真的非常有用!

利用Power BI的按钮和书签,动态切换图表
报表布局技巧:折叠切片器,拯救有限的空间
Power BI报告设计技巧:动态工具提示

(0)

相关推荐

  • Autodesk 专用安装检查和卸载程序

    aioc.qbgxl.com 主页地址 aioc.qbgxl.com 下面介绍下这个工具,以及使用方法等. 这个工具主要有两个功能 检查安装过程中失败的问题,并自动解决,这样安装的时候就可以顺利进行了 ...

  • 小米手机Talkback功能科普!

    全新的 miui 10,不仅带来了视觉和听觉更愉悦的体验,在无障碍方面也做了比较大的优化,给大家介绍一下小米手机开启talkback后应该如何使用,miui对无障碍的优化是如何让你可以更方便的使用小米 ...

  • PowerBI设计技巧:动态切换昨日、最近7日……

    前一段的文章中介绍了如何动态显示最近N天.以及动态显示最近N期的做法: PowerBI动态显示最近N期的数据 Power BI动态显示最近N天的数据 还有星友问,如果并不需要动态的N天,只需要快速直接 ...

  • PowerBI设计技巧:动态数据格式

    比如对收入.利润和利润率这三个指标进行动态的展示,先写好这三个基础度量值,然后利用一个度量值,将这三个基础度量值整合为一个度量值: 然后利用这个度量值就可以进行动态的指标分析: 详细做法参考:Powe ...

  • PowerBI报告设计技巧:一键重置

    在一个报告中,一般都设计有众多的维度切片器,便于用户自行探索,但用户一番尝试之后,如果想回到报告最初的状态,却可能已经忘了最初的状态是什么样了,即使还记得,也需要手动一个个把切片器还原回去,费事费力. ...

  • Power BI报告设计技巧:动态工具提示

    之前的文章中介绍了PowerBI工具提示的用法,通过鼠标悬停,弹出一个迷你的图表展示详细信息. 昨天在会员微信群中,碰到有同学问,能不能设计几种工具提示,根据不同的按钮切换,让鼠标悬停后弹出的迷你报表 ...

  • PowerBI报告设计技巧:一键部分重置

    之前介绍过如何一键重置报告中所有筛选器的技巧,无论切片器选择什么类别,都可以一键返回到初始状态: PowerBI报告设计技巧:一键重置 在这个示例中,有三个切片器:公司名称.年度和报告类型,利用书签, ...

  • 高级FPGA设计技巧!多时钟域和异步信号处理解决方案

    有一个有趣的现象,众多数字设计特别是与FPGA设计相关的教科书都特别强调整个设计最好采用唯一的时钟域.换句话说,只有一个独立的网络可以驱动一个设计中所有触发器的时钟端口.虽然这样可以简化时序分析以及减 ...

  • 商铺做售楼部、展示区的设计技巧!!

    来源:POLY技术汇  ID:POLY-Technology 进深比1:5的沿街商铺也能做售楼部? 相比传统售楼部1:1或1:2 进深,保利知识城「拾光年」项目此次挑战不小.沿街商铺改造的展示区,开间 ...

  • 餐厅设计的要点是什么?餐厅设计技巧有哪些?

    餐厅设计的要点是什么?餐厅设计技巧有哪些?

  • Excel帕累托图设计技巧,组合图表高级设置,高效展示不劳心

    メ大家请看范例图片,我们来看数据源,先将数据源进行调整.メ メ正在占比列,首行输入0%,再根据权重分值依次降序排列各项目,F3输入公式=E3/SUM($E$3:$E$8)+F2.メ メ框选数据源,大家 ...