龙空技术网

深入了解Power BI的页面导航器,轻松制作导航系统

PowerBI星球 328

前言:

现在兄弟们对“divcss制作导航”都比较重视,各位老铁们都想要知道一些“divcss制作导航”的相关知识。那么小编也在网上收集了一些关于“divcss制作导航””的相关内容,希望同学们能喜欢,看官们快快来学习一下吧!

对于一个多页面的PowerBI报告,导航是基本配置,之前一般是通过按钮来实现的,制作导航并不复杂,但是如果页面比较多,通过这种方式配置导航也是个比较耗费时的工作。

其实PowerBI中已有页面导航器功能,它是2021年底发布的,经过几个月的迭代,它已非常好用,利用它无需单独设计按钮,就可以快速的完成导航设计,这篇文章就来介绍一下如何使用它。

以下面这个报告为例,有四个页面,

其中左侧的区域用来放置导航按钮,在“插入”选项卡上点击“按钮”,选择导航器:

这里有两种导航器:页面导航器和书签导航器,关于书签导航器,后面会专门介绍它的用法。这里先来看看页面导航器。

点击"页面导航器",就会在页面上自动添加包括所有页面的一组按钮:

这就是默认的页面导航器的效果,点击按钮就可以导航到对应的页面(如果要在 Power BI Desktop 或在 Power BI 服务的编辑模式下测试页面导航器,需要按 Ctrl + 单击)。

并且页面导航器生成的这组按钮的是可以随着报告页面的变动自动更新的,这比单独用按钮来设计要方便很多,它有如下特点:

按钮的标题与页面显示名称一致按钮的顺序与报表页的顺序一致所选按钮是当前页面在报表中添加或删除页面时,导航器会自动更新重命名页面时,按钮的标题会自动更新

由于它默认会将报告中的所有页面都添加一个按钮,当有些页面并不需要放在导航里面时,比如工具提示页面,这种情况下,可以设置导航器样式,

其实对于报告中的任意一个页面,如果不打算放到导航中,都可以先隐藏该页面,然后在这里关闭“显示隐藏页”就可以了。

不过默认的页面导航器效果看起来比较丑,你可以通过设置导航器的格式进行一定的美化,比如更改形状:

还可以更改布局,因为这个报告打算把它放到左侧的区域,方向改成垂直,并且填充改成0:

还可以像普通按钮一样,设置他们在默认、悬停、选定等不同状态的样式,

本示例中,将布局改为垂直、设置"默认"状态填充效果透明、“已选定”状态设置深色,就可以得到这样导航栏:

这样看起来就接近手工设置按钮的设计效果了。

在这个基础上还可以进一步美化,比如复制一个同样的导航器,关掉按钮文本,已选定状态的填充色设置为醒目的橙色,置于原导航器的底层并稍微在左侧偏移出一点,就能做出下面的效果。

上下两个导航器是同步的,这样就能突出显示当前页面的按钮了。

一个页面的导航器做好以后,选中并复制页面导航器,粘贴到其他页面中,就制作好了一个简单而不失美观的页面导航器,效果如下:

并且当新增页面时、删除页面,或者修改页面的名称时,这个导航系统也会自动更新,一次设计,自动扩展。

灵活使用页面导航器,无需繁琐的按钮操作,只需点击几次鼠标,就可以生成一个美观的导航系统,帮你大大节省报告设计的时间。

更多干货技巧

利用PowerBI,轻松找出TOPN客户的贡献

Power BI数据分析可视化实战:带你全面认识强大的PowerBI

在PowerBI中动态切换坐标轴数据

采悟 PowerBI星球

标签: #divcss制作导航