带JavaScript API的Tableau全屏视图

加载嵌入式视图时，是否可以强制tableau server或online全屏显示视图？通过单击菜单项（下面的img）中的全屏选项，您还可以执行一个步骤。将此作为默认设置或能够使用API进行切换将非常好。可能吗？ 谢谢

---

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

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

另外，请让我知道您使用的是哪个版本的tableau

编辑

您可以使用全屏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();

---

希望这对您有所帮助。

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

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

另外，请让我知道您使用的是哪个版本的tableau

编辑

您可以使用全屏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();

---

希望这能对你有所帮助。

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

---

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

---

是的，这应该是可能的。你愿意详细说明吗？是的，这应该是可能的。你愿意详细说明吗？谢谢Karthik！我已经有了一个类似的解决方案，只是想精确复制全屏按钮，因为它工作得更好。也许你可以使用全屏api。我已经在我的代码中的编辑区域下添加了它。谢谢！我会让你知道这是怎么回事。另外，我正在运行10.2并连接到Tableau Online。谢谢Karthik！我已经有了一个类似的解决方案，只是想精确复制全屏按钮，因为它工作得更好。也许你可以使用全屏api。我已经在我的代码中的编辑区域下添加了它。谢谢！我会让你知道这是怎么回事。此外，我正在运行10.2并连接到Tableau Online。