Tableau报表适配多端

Tableau报表适配多端

根据项目需求，前端页面嵌入的Tableau报表也需要适配PC端，平板端以及移动端。

TableauPC端和平板端

PC端和平板端其实和默认是一样的。

如图：

在仪表板的导航栏中找到仪表板选择设置布局,选择台式，平板；这两个是不需要过多操作的。

如图：

在选择到桌面或者平板电脑时，在下方的大小处先择默认值即可。

Tableau移动端

移动端相对就会麻烦很多。

需要主要有一下几点：

• 移动端字体大小
• 移动端仅支持上下滑动和带滚动条的左右滑动
• 操作的报表是同一个，你只能修改报表的大小，不能修改报表的属性

最简单的一种就是啥也不管，和PC端和平板端一样选择默认直接搞上去。这个就不具体说了。

下面就说最麻烦的一种。
因为报表都是同一张，那么我们不能进行属性的修改，会影响到PC和平板的展示，那应该怎么办呢？

首先，我们需要复制一张一模一样的工作表，在这个表上讲字体改成手机适配的，我一般用的都是6号，经过测试看起来是OK的。

注：6号字体在Tableau中选择不了，因为最小是8，所以就手动输入6然后再按enter。

然后，在默认值这个页面将我们的移动端报表拖入仪表板中。
如图：

有人可能会问，这样不是在PC端和平板端会显示吗？
那么接下来就需要另一个操作
如图：

将移动端报表缩小，放到一个空白位置，然后点击图上的倒三角，选择视图工具，这里会出现三个选项，我们选择隐藏即可。

做完这些之后还有一个最大的问题，筛选条件。

在拖入移动端报表是会附带你在工作表中展示出来的筛选器，我们将这些去掉，然后在默认报表上的筛选条件取配置，应用于这个移动端的工作表。

做完这些之后再去设备布局中点出电话，再调整格式。

注：一定要将筛选条件 应用于移动端的报表 再去创建电话布局，
		如若不然你在电话这个布局中去掉PC端的报表时筛选条件会  自动消失！