使用JavaScript API的Tableau全屏视图

问题描述:

加载嵌入式视图时,是否可以强制tableau server或联机以全屏显示视图?您可以通过单击菜单项目中的全屏选项(下面的图片)再一步完成此操作。将此设置为默认值或者可以使用API​​进行切换会很棒。那可能吗? 谢谢! enter image description here使用JavaScript API的Tableau全屏视图

+0

是的,这应该是可能的。 – Hackerman

+0

你愿意详细说明吗? – vizyourdata

我不认为有一个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