JavaScript API 的 Tableau 全屏视图

Question

是否可以在加载嵌入视图时强制 tableau server 或 online 全屏显示视图？您可以通过单击菜单项中的“全屏”选项（下图）再执行此操作。将其作为默认值或能够使用 API 进行切换会很棒。那可能吗？谢谢！

Answer 1

我认为没有 api 功能可以将视图大小调整为全屏。但是，您可以使用以下代码使用 javascript api.

调整画面框架的大小

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

还有一个更简单的方法。 "Fullscreen" 视图只是一个 iframe。如果您查看 iframe 的源代码并直接导航到该地址，您将获得全屏视图。

JavaScript API 的 Tableau 全屏视图

Tableau Full Screen View With JavaScript API

javascript

tableau-api