PowerBI设计技巧:工具提示开关
之前的文章介绍了利用书签切换不同的工具提示效果,这篇文章再介绍一个技巧,在报告页面上设计一个工具提示开关,动态切换是否显示图表工具提示,效果如下:
是不是很有趣!
工具提示能在可视化页面通过一个按钮进行开关吗?表面来看当然是没有这个功能的,那么这个效果是如何做到的呢?
其实背后的秘密非常简单,这里的树状图其实有两个,一个设置了图表工具提示,一个设置了默认的工具提示,利用书签进行动态的切换图表而已。
并且为了效果更加逼真,在报表页面添加了两个开关的图标,作为按钮来操控书签。
整体思路就是这些,如果你对书签比较熟悉,看到这里应该已经完全清楚,本文也可以结束了。
不过考虑到还有不太熟悉的同学,以上图为例,这里再简单介绍一下操作步骤。
1. 在原报告的基础上,复制一个树状图并分别设置工具提示
在图表的格式面板,可以设置工具提示的类型:默认值/报表页:
对于这两个完全一样的树状图,工具提示类型分别设置为默认值、报表页,工具提示设置为报表页的,选择提前设计好的工具提示页。(关于如何设计工具提示页,这里不再介绍,可参考:深入了解PowerBI的工具提示功能)
设置好以后,将两个树状图上下重合叠放到一起。
当然这里也可以设置完全不显示工具提示,大家可以根据自己的需要来调整。
2. 插入两个图标,作为开关按钮
准备好两个开关图标,插入进来,并上下重合叠放到一起。
关于图标资源,可以从网上搜索下载,平时多积累,推荐一个好用的图标资源:阿里巴巴矢量图标库https://www.iconfont.cn/
3. 添加两个书签
利用选择面板,分别设置树状图和开关按钮的显示/隐藏状态,来添加书签。
书签的具体细节如下图所示。
4. 设置按钮的操作属性
分别设置这两个按钮的操作属性,选中开的按钮,设置操作的书签为“工具提示关”:
另一个按钮则正好相反。
至此,设计完成,点击就可以看到本文开头的动态交互效果。
关于书签和工具提示,多动手练习,才能够在需要时灵活运用,如果对书签还不熟悉,建议看看这几篇文章: