【必】PowerBI 报告设计思想 – 切换元素篇

• 2019 年 10 月 6 日
• 筆記

在设计了布局和导航后，所有界面的元素都可以一一排布了。在制作PowerBI报表的过程中，会有一个核心的问题：信息密度。

当用户选择了一大票数据的时候，并希望进行可视化，从理论上来说，可能是做不到的。在实践中的一个比较好的做法是：

将汇总计算后数据表以及对应的可视化元素都放置在界面上，以便使用者可以快速地找到重要信息又可以阅读汇总数据的细节。

例如：

可以看到左边是散点图，而右边是对应的汇总分析数据，不同的场景对阅读什么的偏好度就不同。而如果这样设计，我们会占有有限的报表空间，为此，我们采用切换式设计。

局部切换式设计

首先来看下效果：

注意在图表的右上角给出了一个开关，如下：

它表示点击拨动开关可以显示表的数据，点击拨动后，如下：

这样，就从图显示效果切换为了表显示效果。当然，如果再次点击开关，就又拨动回到了图显示。 通过这个巧妙的设计，我们就可以自由的在图和表之间切换了。

用书签控制局部元素

我们用书签除了可以做导航，还可以完成本文所提到的局部切换式设计，如下：

这里我们将书签设置为：

• 仅仅控制显示
• 仅仅控制所选的视觉对象

这个功能并不是现在才有的，在很久以前的版本PowerBI就可以做到这点。而在2019.8有了分组以后，使得这个技巧更容易被实现，以便于真正大规模使用这个技巧。

注意：关于书签更加详细的内容，已经包含在我们的系统化视频课程《PowerBI自助商业智能分析》中，不再赘述。

与分组结合

书签的局部控制功能早已存在，这个技巧以及效果很久之前就可以实现，但我们并没有强调，这是因为：要在实战中使用这个特性，需要涉及到对多个视觉元素的操控，而如果每个视觉元素是独立存在的，那就有非常巨大的手工点击量，是不能大规模推行的。而分组使得这一切得到了缓解，我们把这些元素全部编组即可。例如：

这里就是编组的结构，如果你想知道具体节省了多少工作量，可以看：

值得一提的是，这里的开关并不是图片，而是使用了原生的PowerBI元素。想象一下，如果没有分组功能，那么这些元素都需要手动控制，是不现实的。

开关的设计

我们在设计PowerBI报告的时候，是按照产品思维的，我们在作为设计师的那一刻，手指在键盘游动，而大脑在考虑的是报告的每一个细节，甚至到每个像素应该如何设计，而切换的开关，我们也会自己来定制，我们的做法是：

虽然我在这里展示了所有的思路，但我非常确定，很多人即使是对照着做，也实现不了，因为我们的设计真的精细到像素，我们考虑了圆角的转弯角度，如何能构成一个圆形，我们还考虑了放到实际图表标题后的大小缩放引起的布局破坏。这段话是为了让你第二次阅读本文来回答你掉入坑里的原因的。

这样，我们就不借助任何物件，实现了切换式按钮。

技巧的套路

来到这里，相信你已经可以意识到，这里存在一票复杂的状态控制，我们将它绘制成一个切换显示的控制图，如下：

其中，圆形是按钮，方形表示图表。控制逻辑如下：

• 按钮【显示表】被点击，按钮【显示表】隐藏自己，显示按钮【显示图】，显示【表】，隐藏【图】；
• 按钮【显示图】被点击，按钮【显示图】隐藏自己，显示按钮【显示表】，显示【图】，隐藏【表】。

这里的技巧还在于起名：

名字起的好，可以大大简化记忆要求。

值得一提的是，在PowerBI中，起名是一个很有技术含量的活。

这样，我们就可以方便的设置了。

总结

最后，一起来看看整体的效果吧：

这种切换效果的最大惊艳之处在于：它是局部切换的。它并不影响整体的所有元素，它只影响局部。 这个切换显示的价值在于：极大的提升了报表的信息密度，又合理的平衡了可视化与数据之间的平衡，是一种符合儒家思想的中庸设计，很有意思。如果阅读者想立马看重点，可以使用图来显示；如果阅读者想看详细的数据，可以使用表来显示，一切随意。