企业官网建设流程全解析

做 Power BI 报表做得久了，总会撞上同一个尴尬：一份销售分析看板，上半年指标、下半年指标、区域对比、产品结构、渠道效率、库存周转、回款账期、客户分层，八个主题全塞进一页画布里。用户打开的第一眼就不知道该往哪儿看，往下滚到第三屏的时候，已经把上面的筛选条件忘了。这时候最自然的想法就是给它加一组选项卡，像聊天软件顶部的标签一样，点一下换一块内容，视野干净，逻辑也清楚。这篇文章聊聊我用 Power BI 的书签功能做选项卡效果的一整套思路，包括书签到底记住了什么、按钮怎么绑、激活态怎么表达、刷新之后状态为什么会跳回去，以及哪些场景下我会干脆放弃书签换别的方案。刚接触 Power BI 的朋友能把流程照着跑通，做过一段时间报表的人，估计能从踩坑那部分捞到点有用的东西。

1. 选项卡这个需求，值得先想清楚再动手

1.1 报表变臃肿的三个典型信号

第一个信号是纵向滚动条长度失控。Power BI 默认画布是 1280×720 这个量级，一旦内容超过两屏，用户滑鼠标的时候就会丢失上下文。尤其是那些需要边看数字边点切片器的场景，滑下去再滑上来，切片器在哪都得重新找一遍，体验非常割裂。

第二个信号是视觉对象数量突破十五个之后，加载速度明显掉档。每一个视觉对象背后都是一次查询，交叉筛选和高亮还会把查询压力再放大一轮。这时候哪怕只是加一个切换机制，让页面上同时可见的对象从十五个降到五六个，首次呈现的时间也会明显缩短，用户的耐心也就保住了。

第三个信号是用户开始自己"找路"。你会收到这样的反馈：我想看华南的品类，翻了半天没找到入口。这句话看起来是在找一个筛选器，实际上说明信息架构已经失效了。用户需要的不是更多图表，而是一个更明确的入口选择，而选项卡恰好提供的就是这个入口。

1.2 三条实现路径的横向对比

Power BI 里做多视图切换，我实际用过三条路，各自的脾气差别不小。

看这张表就知道，书签方案的定位很清晰：它赢在视觉连贯性，输在性能。如果你的页面数据量不大，每个视觉对象的查询都在几百毫秒以内，用书签做选项卡是最舒服的，因为切换是原地发生的，用户感觉不到页面在跳。反过来，如果页面里有一张百万行级别的明细表，那我会优先考虑隐藏页方案。

1.3 什么情况下我会放弃书签

有一种情况我基本不用书签：选项卡数量超过六个，而且每个选项卡里都有重量级视觉对象。原因在后面的章节会详细说，简单讲就是被隐藏的对象并不等于不干活，选项卡越多，隐藏着的"暗桩"就越多，页面会越来越沉。

还有一种情况是各选项卡之间的数据口径完全不同，比如一个是明细流水，一个是汇总趋势，一个是同环比对比。这种时候用字段参数会更干净，因为切换发生在模型层，不需要在页面上摆一堆互相遮挡的视觉对象。书签做的是"视觉对象级别的显隐控制"，它解决不了数据结构的差异。

提示：先评估页面的数据体量和选项卡数量，再决定用哪条路。上来就埋头堆书签，做完发现页面卡得打不开，返工的成本会很高。

2. 把书签机制吃透，比背操作步骤管用

2.1 书签记录的三类状态

在 Power BI 里新建一个书签，默认会勾选三组属性：数据、显示、当前页。这三组属性分别管什么，值得一条条拆开看。

"数据"记录的是当前的筛选状态，包括页面级筛选器、视觉对象级筛选器、切片器的选择项、交叉筛选与高亮、钻取留下的痕迹、排序方式等等。可以理解成，它把当前"数据视角"整个打了个快照。

"显示"记录的是视觉对象在选择窗格里的可见性，也就是哪些显示、哪些隐藏。它是做选项卡的核心开关。

"当前页"记录的是书签所属的页面，用来支持跨页跳转。

做纯选项卡的时候，我的习惯是只保留"显示"，把"数据"和"当前页"都取消勾选。理由很直接：选项卡切换的本质是"换一块内容看"，不是"换一套筛选条件"。如果书签把数据状态一起固化了，用户在前一个选项卡调好的时间范围，一切到另一个选项卡就变回默认值，再切回来又变了。这种体验非常劝退，而且用户根本不知道发生了什么，只会觉得这个报表有问题。

2.2 选择窗格才是书签的"手"

选择窗格在"视图"选项卡里，名字就叫"选择"。它会把页面上所有视觉对象列成一行一行，每一行右边有一个眼睛图标，点一下就能切换显示和隐藏。

这里有个认知要点：书签的"显示"属性，记录的就是这些眼睛图标的状态。你没法直接对着书签说"把这个图表藏起来"，只能先在页面上把它藏起来，再把这个瞬间存成书签。所以选择窗格不是可有可无的辅助工具，它是书签真正的手。

实操中有个小技巧特别省事：给视觉对象改名字。默认名字是"矩阵 1""卡片 2"这种，页面上一旦有十几个对象，选择窗格就变成一团乱麻，你自己都分不清谁是谁。我习惯按"区域_内容_类型"的规则重命名，比如"华南_品类结构_条形图"。这样后期维护的时候，打开选择窗格扫一眼就能定位，效率差好几倍。

2.3 隐藏不等于不查询

这一条是我踩过最深的坑，也是很多人做完成发现页面变慢却找不到原因的地方。

视觉对象被隐藏以后，在页面上确实看不见了，但它的查询并不会自动消失。页面加载的时候，Power BI 依然会为这些对象拉一次数据，只是不渲染而已。如果你的某个选项卡下面藏着一张取数很重的明细表，即使它位于第三个标签，第一个标签的加载时间照样会被它拖慢。

验证方法不复杂：打开"视图"里的"性能分析器"，点开始记录，然后刷新页面，看每个视觉对象的 DAX 查询耗时和渲染耗时。我做过一次实测，一页里放六个选项卡、每个选项卡三个图表，全部靠书签切换。表面上看页面很干净，实际首屏的查询总耗时比拆成六个独立页面慢了将近一倍，多出来的时间全花在那些看不见的对象上。

所以选不选书签这条路，不能只看视觉效果，得先掂量数据体量。数据轻的时候书签是顺滑的，数据重的时候它就是负担。

3. 从零搭出一套选项卡的完整流程

3.1 先画版式，定好"舞台"

动手之前，我会先在纸上或者画图工具里把版式敲定。核心思路是留出一个固定的"舞台区"，所有选项卡的内容都叠放在同一个矩形范围内，位置和尺寸完全一致。这样做有两个好处：一是切换时视觉不会跳动，二是后期对齐省事，不用一个像素一个像素去抠。

具体操作上，先把第一个选项卡的视觉对象摆好，全部选中，在格式窗格里记下坐标和尺寸。然后复制这一组对象，改内容，粘贴的时候 Power BI 会自动偏移一点点，记得手动把坐标改回去。这个偏移量很小，肉眼不容易发现，但切换几次之后就会看出明显的错位。

对齐工具一定要用起来。格式选项卡里有对齐和分布功能，还有统一尺寸的设置。多个图表要做到像素级对齐，靠鼠标拖是不现实的，尤其是在 4K 屏幕上，手抖一个像素就看得出来。

3.2 分组，把一组视觉对象当成一个单位

当每个选项卡下面有五六个视觉对象时，逐个控制显隐会非常痛苦。解决方案是分组。

在选择窗格里按住 Ctrl 或 Shift 多选，然后右键选择分组，这组对象就会折叠成一个节点。之后控制显隐只需要点一次眼睛图标，整个组一起显示或者一起隐藏。书签存下来的也是这个组的可见性状态，干净利落。

分组还有个附加价值：它能让选择窗格的结构变得清晰。我通常按选项卡来分组，命名成"标签_区域分析""标签_产品分析"这种，十几个对象就变成了三四个组，维护起来轻松很多。

注意：分组属于布局层面的操作，会改变视觉对象在选择窗格里的层级关系。如果你已经建好了书签，之后再调整分组结构，记得逐个检查并更新书签，否则可能出现"点按钮只露出一半内容"的诡异现象。

3.3 按钮的创建与书签绑定

插入按钮的路径是"插入"里的"按钮"，选空白样式就行，后面的外观都能自定义。

选中按钮之后，在格式窗格里找到"按钮"这一组卡片，展开里面有"操作"设置。类型选"书签"，然后在书签下拉里选中你提前建好的那个书签。这一步就是把按钮和状态连起来，绑完之后点按钮就等于切换到那个状态。

按钮的外观在"状态"卡片里调，可以分别配置默认、悬停、按下三种情况下的填充色、文字色和边框。我一般默认态用浅灰 #F5F5F5，悬停态稍微深一点用 #E8E8E8，按下态用主题强调色。用户点下去有明确的颜色反馈，操作感会好很多。

按钮上的文案和字体类设置，都在格式窗格的"文本"区域里改，不同版本的具体位置略有差异，鼠标点一下就能找到。绑好书签之后改文案完全没问题，绑定关系不会受影响，可以放心调整。

3.4 书签的增删改与默认态

创建书签的顺序很重要，我总结成四步：

1. 先把页面调整成你想要的某个选项卡的初始状态，哪些显示、哪些隐藏，全部摆好
2. 打开"视图"里的"书签"面板，点添加
3. 右键这个书签，取消勾选"数据"和"当前页"，只留"显示"
4. 重命名成有辨识度的名字，比如"标签_区域分析"

为什么一定要先调状态再添加？因为书签记录的是创建当下的那一刻，顺序反了就等于存了一个错误的状态，后面还得返工。

更新书签是另一个高频操作，改完布局之后右键选更新就行。这里有个细节：更新会保留书签原有的勾选设置，覆盖的是状态部分。但如果你之前动过勾选项，更新前最好确认一遍，避免把"数据"又勾回来，那样筛选条件就会被固化。

至于打开报表时默认显示哪个标签，有两个办法。一个是把代表首个选项卡的书签右键设为默认，打开时就呈现那个状态。另一个更稳的做法是直接调整页面的初始布局，让第一个选项卡的对象默认可见、其余默认隐藏，压根不依赖默认书签。我倾向第二种，因为它不容易被后来的操作破坏。

3.5 激活态的高亮方案

选项卡最容易被忽视的是"我当前在哪一页"。用户点完按钮如果没有任何反馈，很快就会迷失，尤其是选项卡长得都一样的时候。

我的做法是叠放：在同一个位置放两个按钮，一个普通态、一个激活态。激活态的底色用主题强调色，文字反白。然后给每个书签都配上"显示哪一个按钮"的状态，切到某个标签时，对应的激活态按钮露出来，普通态按钮藏起来。

更省事的做法是把每个选项卡的按钮组建成一个分组，整体控制显示与隐藏，就不用一个个点眼睛图标了。这套方案做下来，用户能一眼看出自己在哪个标签，交互的完成度会明显上一个台阶。

4. 踩坑实录：选项卡失效的几种典型场景

4.1 点按钮毫无反应

这是最常被问到的问题，排查顺序我固定成这么几步。

先确认按钮的"操作"类型是不是选成了书签，有时候手快选成了页面导航或者无操作，按钮就是个纯装饰。

再确认书签本身勾选了"显示"。如果一个书签只勾了"数据"，点它的时候页面上的可见性压根不会变，看起来就像没反应。

然后确认按钮绑定的书签是不是你想要的那个。重命名或者复制页面之后，绑定关系偶尔会断掉，最稳妥的做法是重新在下拉里选一次。

最后看一眼是不是有别的书签或者默认状态把它盖住了。同一个页面上如果放了多个默认书签，行为会变得难以预测，我一般只保留一个。

4.2 切换之后筛选条件被"带走"了

这个场景的表现是：用户在"区域分析"里把时间切片器选到本季度，切到"产品分析"，发现切片器也变成了本季度，再切回"区域分析"，时间又跑回去了。整个报表看起来像有自己的想法。

原因就是书签勾了"数据"。它把创建那一刻的切片器状态存进了快照，每次切换都强制恢复一次。

解决办法只有一个：回到每个选项卡书签，右键取消勾选"数据"。取消之后，切片器的当前选择不再受书签控制，用户在前一个标签调好的条件，切到别的标签依然保留。这才是选项卡该有的行为。

提示：这一条和后面要讲的"折叠面板"是冲突的。折叠面板有时候恰恰需要记录数据状态，所以做之前先想清楚你的交互意图是什么，别一刀切。

4.3 刷新与重新打开后状态错乱

有几种状态错乱跟数据刷新有关。比如发布到服务之后，用户在浏览器里点选项卡，发现某些对象没跟着显隐。这种情况通常是发布时用的是旧版本文件，重新发布一次就好。

还有一种情况是数据刷新后，书签里的某些视觉对象因为字段被改而报错，整个选项卡看起来缺了一块。这时候检查模型的字段引用有没有变动，视觉对象一旦引用了不存在的字段，它所在的分组显隐也会受影响。

至于重新打开文件后状态跳回默认，多半是因为初始布局没设置好，或者设置了默认书签但后来又建了新的默认书签，产生了覆盖。

4.4 移动布局里的错位

Power BI 的移动布局是独立的画布，桌面端排好的按钮，切到移动布局里会默认堆在顶部，需要重新排一遍。

更关键的一点：书签的"显示"状态作用在视觉对象本身，而移动布局里的对象是桌面布局对象的重新排布，隐藏状态是共享的。你在桌面端隐藏的对象，在移动端也会隐藏，反过来也一样。所以给移动端做适配的时候，别指望两套布局能各自独立控制显隐，做之前先在移动视图里看一眼实际效果。

4.5 常见问题速查表

这张表里的前三条，覆盖了我遇到的八成以上问题。做选项卡之前先扫一遍，能省不少调试时间。

5. 把选项卡用出花：几个进阶玩法

5.1 折叠面板与帮助浮层

书签不只用来做顶部选项卡，它对"抽屉"类交互同样适用。典型场景是筛选面板：页面上留一个"筛选设置"的按钮，点开后从右侧滑出一块面板，里面放几个不常用的切片器，看完再点一下收起来。

实现逻辑和选项卡是一样的，只不过控制的是面板那一组对象的显隐。区别在于，折叠面板通常希望记住用户在面板里调过的条件，所以这时候的书签反而要勾上"数据"，让切片器的选择跟着面板一起被记录。

帮助浮层也是同一套思路。放一个问号按钮，点开显示一块说明文字区域，遮住部分图表，再点一下收起。用书签控制，不需要额外的页面，用户也不会离开当前上下文。

5.2 选项卡配合钻取与工具提示

选项卡解决的是一级导航，钻取解决的是从汇总到明细的下钻。两者可以叠起来用，效果很自然。

比如"区域分析"这个选项卡里放一张省份维度的地图，用户右键某个省份选择钻取，跳到一个明细页面，明细页面顶部同样有一组选项卡，用来切换"销售明细""回款明细""库存明细"。这样一级一级往下走，用户始终知道自己在哪一层。

需要注意的是，钻取跳页会带着筛选上下文过去，而目标页面上的选项卡如果勾了"数据"，就会把钻取带过来的筛选条件冲掉。所以跨页使用的时候，目标页面的选项卡书签一定要把"数据"取消勾选。

工具提示则是轻量版本，用户鼠标悬停就能看到补充信息，不用跳页，也不会打断当前操作。这两者的组合能把报表的"深度"做出来，而不必增加页面的横向信息量。

5.3 用字段参数替代书签做数据切换

如果你的需求是"同一个图表，切换看不同的度量值"，比如在销售额、销量、毛利之间切换，这时候字段参数比书签更合适。

字段参数在建模里创建，生成一张参数表和一个度量值，把这张表放到切片器上，用户点一下，图表里的度量值就跟着换了。整个过程发生在模型层，页面上只有一个切片器和一个图表，查询效率比摆三个图表轮流显隐高得多。

我通常把两者结合：大类之间用书签切选项卡，选项卡内部的指标对比用字段参数切。这样既保住了版式的丰富度，又把性能压力降下来。

5.4 隐藏页加页面导航器的性能方案

当页面确实很重的时候，我会换成隐藏页加页面导航器的组合。

做法是把每个选项卡做成一个独立页面，在页面标签上右键设置为隐藏，然后在首页放一个页面导航器按钮。隐藏的页面不会出现在导航器列表里，但导航器本身可以指向它们。

这个方案最大的好处是性能，页面之间是真切换，离开的页面会被卸载，不会像书签那样在后台默默查询。切片器要跨页保持同步的话，用"视图"里的同步切片器功能，把同一个切片器在多页之间建立关联，然后设置"同步"和"可见"两个开关。

代价是切换会有一瞬间的加载，视觉上不像书签那么丝滑。所以我的判断标准是：数据轻就用书签，数据重就拆页，别跟性能较劲。

6. 真实项目里的经验与交接清单

6.1 一个多主题看板的改造复盘

去年给一个团队改过一份报表，原始版本是八个主题堆一页，打开需要将近二十秒，用户怨声载道。

改造的时候我做了几件事。第一，把页面按主题拆成四组，每组用书签控制显隐，选项卡只保留四组而不是八个，因为八组的话隐藏对象太多，性能反而更差，最后是两组用书签、两组拆成独立隐藏页。

第二，所有选项卡书签统一取消"数据"和"当前页"勾选，只留"显示"，保证用户调好的筛选条件不会丢。

第三，每个选项卡的按钮组做了激活态，用户随时知道自己在哪。

第四，把明细表单独拆成一页，从汇总图表钻取过去。

改完之后首屏加载降到了六秒左右，用户反馈里"找不到了"这类问题基本消失。这个案例让我确认一件事：书签做选项卡，瓶颈从来不在书签本身，而在于你有没有克制地使用它。

6.2 交给同事之前必须做的四件事

第一件，把所有视觉对象和分组重命名。默认名字交接出去，接手的人要花半天时间才能理清结构，这半天本来是你的成本。

第二件，把书签按选项卡分组归档。书签面板里如果堆了几十个没有组织的书签，维护起来就是灾难。分组之后一目了然，还能整体控制。

第三件，在报表里放一个隐藏的"说明页"，写清楚每个选项卡对应哪些书签、哪些分组、注意事项是什么。这一页平时隐藏，需要的时候才显示出来，交接时非常管用。

第四件，重新发布一次并在服务里实测。桌面端好用不等于服务端好用，尤其是移动端的表现，一定要在真实环境里点一遍。

我个人在实际操作中的体会是，书签这套机制本身不难，难的是"什么时候该用它、什么时候该收手"。它像一把很锋利的小刀，切一块小内容干净利落，非要拿它当斧头去劈大木头，就会崩刃。先把页面的信息架构想清楚，再决定用书签、字段参数还是拆页，往往比直接动手堆交互要省事得多。