我是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