我是Tableau的新手,并试图了解准备可通过网络浏览器,平板电脑和手机访问的仪表板的方便程度。适用于移动设备/平板电脑的Tableau仪表板
我有有几个问题:
画面是否已经提供了自行调整至设备 宽度响应中心?
我们可以根据我们对 浏览器和平板电脑的要求定制图表/仪表板的外观和感觉吗?
- 是否有演示可用,我可以看看在各种屏幕宽度下,画面仪表板的外观如何显示在 上?
- 哪些移动平台不支持画面(Android,iOS设备运)
我是Tableau的新手,并试图了解准备可通过网络浏览器,平板电脑和手机访问的仪表板的方便程度。适用于移动设备/平板电脑的Tableau仪表板
我有有几个问题:
画面是否已经提供了自行调整至设备 宽度响应中心?
我们可以根据我们对 浏览器和平板电脑的要求定制图表/仪表板的外观和感觉吗?
在画面,你不必做任何特殊,使仪表盘的移动。只需像往常一样发布到Tableau Server,Tableau就会检测您是否使用移动应用程序。 仪表板可以选择iPad,桌面或自动选项,即使您可以指定仪表板的自定义大小。
您从移动浏览器访问Tableau Server,根本没有应用程序。 无需特殊的创作或设计更改即可使视图和仪表板自动在您的平板电脑上运行。
Tableau不提供响应式UI。它确实提供了自动调整大小。 Tableau论坛中提供enhancement以支持响应式用户界面。
移动平台上Tableau仪表板的诀窍是设计仪表板以适应您希望它工作的最小设备的屏幕大小。可以将Dashbaords设置为自动调整大小,但结果可接受但不完美,因为某些仪表板元素通常会在较小的屏幕上截断。
实验的最佳方式是使用不同的屏幕尺寸测试您正在构建的仪表板,并查看它们的工作方式(您可以通过选择一个选项来设置所需的最小尺寸作为基准最小尺寸;如果实际尺寸较大,仪表板将会展开)。某些设备屏幕可以自动选择以方便使用(例如iPad),因此在设计仪表板时需要对这些屏幕进行测试。 (here是我之前构建的Tableau Public,尺寸正好适合iPad)。
交互界面元素会自动调整到设备浏览器标准,这可以节省很多工作量。
Tableau将支持任何带有浏览器的设备。
随着自动设置,还需要使容器适合─>“全视图”
如何在手机和平板电脑这样的事情http://imgur.com/a/6dCwq
响应的Tableau仪表板。 示例代码:
<html>
<head>
<script>
function growIframe() {
document.getElementById('embededView').height = 1000;
}
</script>
</head>
<body onclick="growIframe()">
<iframe id="embededView" src="http://localhost/workbook/view" width ="1322"
height="900 "></iframe>
</body>
</html>
它看起来像仪表板本身会自动调整,但反应仅限于仪表盘设计。但是,您可以做的是设计多个仪表板,每个仪表板都需要适应每种屏幕大小,并将其嵌入到自定义页面上的css框架中。
看看如何this person做到了。
每个仪表板最终将包含相同的数据/视觉效果,但以不同的方式排列,以更好地适应不同尺寸的屏幕。
如果某个视觉效果不适合移动屏幕,您将不得不考虑创造性的方式来在移动设备上以不同的方式显示此数据,或者将其从移动视图中删除。
不确定是否有自己定制每种尺寸屏幕的方法,但如果选择自动拟合,Tableau通常能够很好地适应所有问题 – Inox