2017-04-07 90 views
0

加載嵌入式視圖時,是否可以強制tableau server或聯機以全屏顯示視圖?您可以通過單擊菜單項目中的全屏選項(下面的圖片)再一步完成此操作。將此設置爲默認值或者可以使用API​​進行切換會很棒。那可能嗎? 謝謝! enter image description here使用JavaScript API的Tableau全屏視圖

+0

是的,這應該是可能的。 – Hackerman

+0

你願意詳細說明嗎? – vizyourdata

回答

1

我不認爲有一個API函數來調整視圖到全屏。不過,您可以使用下面的代碼使用JavaScript API調整表格框架的大小。

function setFrameSize() { 
    if (mainViz === null) { 
     alertOrConsole("No Viz has been rendered"); 
     return; 
    } else { 
     mainViz.setFrameSize(900, 480); 
    } 
} 

也請讓我知道你正在使用的畫面的版本。

編輯

您可以使用全屏API如下

創建各種瀏覽器

var element = document.getElementById("divid"); 
// Find the right method, call on correct element 
function launchIntoFullscreen(element) { 
    if(element.requestFullscreen) { 
    element.requestFullscreen(); 
    } else if(element.mozRequestFullScreen) { 
    element.mozRequestFullScreen(); 
    } else if(element.webkitRequestFullscreen) { 
    element.webkitRequestFullscreen(); 
    } else if(element.msRequestFullscreen) { 
    element.msRequestFullscreen(); 
    } 
} 

// Launch fullscreen for browsers that support it! 
launchIntoFullscreen(document.documentElement); // the whole page 
launchIntoFullscreen(document.getElementById("videoElement")); // any individual element 

對於退出全屏模式的JavaScript函數,

function exitFullscreen() { 
    if(document.exitFullscreen) { 
    document.exitFullscreen(); 
    } else if(document.mozCancelFullScreen) { 
    document.mozCancelFullScreen(); 
    } else if(document.webkitExitFullscreen) { 
    document.webkitExitFullscreen(); 
    } 
} 

// Cancel fullscreen for browsers that support it! 
exitFullscreen(); 

希望這可能 幫你。

+0

謝謝Karthik!我有一個類似於此的解決方案,只是尋找全屏按鈕的確切複製,因爲它的效果更好。 – vizyourdata

+0

也許你可以使用全屏api。我在編輯區域下的代碼中添加了該代碼。 –

+0

謝謝!我會讓你知道這是如何工作的。另外,我正在運行10.2並連接到Tableau Online。 – vizyourdata