首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Power BI导航设计:多级下拉菜单

经常有人问Power BI报表的下拉菜单是怎么设计的,这篇文章就来带你轻松在PowerBI中制作下拉菜单式导航。

以这个财务分析报告为例,改成下单菜单导航以后,效果是这样的:

在导航区,点击财务报表和指标分析,会弹出下拉菜单,显示下一级的导航,点击子菜单可以进入具体的报表页,这种设计主要是利用了PowerBI的书签功能,下面以公司概况页为例,来介绍一下制作步骤。

1、在每个页面上添加导航需要的按钮和文本框。

这个报告的页面分为三个类别:公司概况、财务报表和指标分析,这三个作为一级菜单。

其中财务报表可以细分为资产负债表、利润表和现金流量表,那么这三大报表就可以作为财务报表的二级菜单;而运营分析和杜邦分析作为指标分析的二级菜单。

将一级菜单和二级菜单用按钮全部添加上去,并在二级菜单下面套一个文本框,模拟下拉框的效果:

为了识别每个按钮和文本框,可以单独为他们重命名,以便后面的快速操作。

点击 视图>选择,在选择窗格中可以看到上面添加的按钮和文本框,双击即可重命名。

还可以拖动组件,让他们按照菜单的顺序和包含关系来排序。

这样操作完成以后,全选这些组件,复制,然后粘贴到其他需要下拉菜单的页面中。

2、修改组件的显示/隐藏属性,并生成各级菜单的书签。

下拉菜单导航的设计,每一页至少应该有一级菜单页面,和每个二级菜单页面。

在一级菜单页面,所有的二级菜单上的按钮和文本框隐藏,然后添加书签(如果对书签还不熟悉,请先阅读这篇文章:PowerBI中的书签,真的非常有用!),并重命名为“公司概况”,这个名称可以是任意的,按自己的需要即可:

页面显示如下:

然后,将财务报表的二级菜单包含的组件显示出来,添加书签,命名为“公司概况-报表下拉”:

页面显示如下:

这就是财务报表的下拉二级菜单效果。

同样的方式制作指标分析的二级菜单书签。

这样,公司概况页的一级菜单书签和二级菜单书签制作完毕。

在其他页面,按照上面的操作步骤,分别生成每个页面的各级菜单书签。

3,设置每个按钮的操作属性。

比如公司概况页的一级菜单按钮“财务报表”,设置其操作属性为书签>公司概况-报表下拉:

然后点击这个按钮,就会有弹出下拉框的效果:

在弹出的二级菜单中,设置每个按钮的操作属性为该页一级菜单的书签,比如资产负债表,直接选择书签“资产负债表”即可,点击就可以跳转到资产负债表的页面。

熟悉了这个跳转的逻辑和思路以后,把其他的按钮都一一设置为对应的书签即可完成下拉菜单的效果,并且在任意一个页面均可以自由切换到其他页面。

最后提醒一下,添加完书签以后,在本例中,还需要修改书签的属性,右键,将"数据"的勾选去掉:

这样书签才不会把页面的数据锁定,当同步切片器修改公司名称或者年度以后,跳转到某个页面,该页面同样是最新的筛选数据。

关于下拉菜单导航的技巧就介绍到这里,步骤并不复杂,但比较繁琐,每一步都需要细致的设置,以免出错。

本例的效果是两级菜单,如果想设置更多层级的菜单,也可以同样操作,只是需要更多的操作步骤,以及需要添加更多的书签。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200907A091FM00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券