使用JavaScript API进行Tableau全屏视图

Question

加载嵌入视图时，是否可以强制使用tableau Server或online来全屏显示视图？您可以通过单击菜单项中的全屏选项（下面的img）再执行一步。将此作为默认设置或能够与API切换会很棒。那可能吗？ 谢谢！

Answer 1

我不认为有一个api函数可以将视图调整为全屏。但是，您可以使用以下代码使用javascript api调整tableau框架的大小。

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

另请告诉我您使用的是哪个版本的画面。

修改

您可以使用全屏API，如下所示

为各种浏览器创建一个javascript函数

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

退出全屏模式

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();

希望这对你有所帮助。

Answer 2

还有一种更简单的方法。 “全屏”视图只是一个iframe。如果您查看iframe的来源并直接导航到该地址，则会获得全屏视图。