Tableau api 从Tableau Public嵌入的Tableau不在iFrame中自动调整大小

Tableau api 从Tableau Public嵌入的Tableau不在iFrame中自动调整大小,tableau-api,iframe-resizer,Tableau Api,Iframe Resizer,我正在与一个组织合作建立一个网站,显示tableau Public中的tableau嵌入,但我遇到了一个tableau如何显示的问题。我尝试了以下Tableau网站上的一些可用资源,例如确保仪表板设置为自动调整大小,等等 该网站是一个wordpress网站,它的编写使得每当检测到来自tableau Public的tableau嵌入代码时,它都会自动将其放入iFrame中。在Tableau Public中,我使用了两个可用嵌入代码中较长的一个 我已经确保了tableau的仪表板设置为“自动”大小,

我正在与一个组织合作建立一个网站,显示tableau Public中的tableau嵌入,但我遇到了一个tableau如何显示的问题。我尝试了以下Tableau网站上的一些可用资源,例如确保仪表板设置为自动调整大小,等等

该网站是一个wordpress网站,它的编写使得每当检测到来自tableau Public的tableau嵌入代码时,它都会自动将其放入iFrame中。在Tableau Public中,我使用了两个可用嵌入代码中较长的一个

我已经确保了tableau的仪表板设置为“自动”大小,因此它应该自动调整到屏幕。这似乎不起作用,而且画面太大了

我在tableau的资源指南中发现的一件事是,如果你的网站以!doctype html,然后在嵌入中使用以下代码:

<style> html, body{height:100%} </style>
其思想是,每当我或其他用户嵌入Tableau代码时,上面的代码都会自动检测嵌入并将其放置在此iFrame中

是否应该更改具有上述代码的内容

我希望这个画面能正确地显示在屏幕上。用户不必缩小或滚动来查看/与图形交互

谢谢你的帮助,我非常乐意澄清以上内容/提供更多信息

谢谢



.tableauPlaceholder{

height:auto !important;

padding-bottom:60%;

overflow:hidden;

}



.tableauPlaceholder iframe{

height: 100% !important;

width: 100%;

position:absolute;

}