使用JavaScript API的Tableau全屏视图
加载嵌入式视图时,是否可以强制tableau server或联机以全屏显示视图?您可以通过单击菜单项目中的全屏选项(下面的图片)再一步完成此操作。将此设置为默认值或者可以使用API进行切换会很棒。那可能吗? 谢谢! 使用JavaScript API的Tableau全屏视图
我不认为有一个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();
希望这可能 帮你。
谢谢Karthik!我有一个类似于此的解决方案,只是寻找全屏按钮的确切复制,因为它的效果更好。 – vizyourdata
也许你可以使用全屏api。我在编辑区域下的代码中添加了该代码。 –
谢谢!我会让你知道这是如何工作的。另外,我正在运行10.2并连接到Tableau Online。 – vizyourdata
是的,这应该是可能的。 – Hackerman
你愿意详细说明吗? – vizyourdata