Google Data Studio高级教程
|

Google Data Studio如何制作菜单和按钮?

最近一段时间我们集中介绍了一些Google Data Studio相关的知识。作为一个数据可视化工具,如何连结各个报表,让用户在各个报表之间顺畅浏览是制作者必须考虑的问题。合理的布局、导航、按钮可以达成这一目标。本篇我们就介绍一下Google Data Studio报表中如何制作菜单和按钮。

Google Data Studio的菜单制作

在Google Data Studio中管理报表页面
在Google Data Studio中管理报表页面

在制作菜单前我们需要管理好各报表页面,这里包括调整顺序、重命名、添加集合、选择图标。这些工作都可以在上面的界面完成。此处注意如果某个页面将要放在一个集合里,那么就不必浪费时间添加图标了。

完成后的页面组织
完成后的页面组织

上图展示了一个完成调整后的页面组。其中第二第三页放在了一个集合中。

万事俱备,只欠东风了。在主菜单的右边打开Theme and layout。选择LAYOUT,找到View Mode下面的Navigation type。

选择不同的菜单样式
选择不同的菜单样式

按照需求可以在Left和Tab之间选择一个样式。

开启在编辑模式下显示菜单
开启在编辑模式下显示菜单

别忘了打开在编辑模式下的显示,如果不满意可以再次微调。最后是出锅装盘😊

Google Data Studio导航栏展示
Google Data Studio导航栏展示

Google Data Studio的按钮制作

Data Studio并没有给我们提供按钮控件。但是我们可以通过一些冷门的方法制作按钮。

既然是做按钮当然先要画一个矩形,你可以把矩形打上圆角和阴影让它更像一个按钮,也可以像我一样通过透明度和渐变色叠加几个圆角矩形做得更立体。

制作一个矩形作为按钮背景
制作一个矩形作为按钮背景

画好了矩形我们接着调整尺寸并添加文字标签,只要使用文本框就可以了。完成后的效果如下图所示:

调整尺寸后添加文字标签
调整尺寸后添加文字标签

你也可以为按钮添加一个图标,哪里获得图标呢?就用我们上回介绍过的免费图标集。至此,我们虽然有了按钮的模样但还没有按钮的功能。

我们需要为此添加一个透明层然后挂上链接。还是需要一个文本框。详见下图:

用文本框新建一个可点击层
用文本框新建一个可点击层

上面标出了该文本框要注意的部分,接下来我讲一下步骤细节。

  1. 新建一个文本框并将宽度与按钮对齐。
  2. 点击右边链接图标Insert link填入一堆0把文本区填充满。
  3. 填入目标地址或者报表页面,Apply。
  4. 在右侧Overflow settings选hidden。
  5. Background and Border里透明度选0%。
  6. Padding里的Left、Right、Top均选择0px。

最后,我们看一下效果🦭🦭🦭

完成后的Google Data Studio按钮
完成后的Google Data Studio按钮

至此教程结束,上面这个按钮的制作方法你也可以参考这个油管的视频教程。 https://youtu.be/mZjTV73d5Ek

类似文章