Tableau api 从Tableau Public嵌入的Tableau不在iFrame中自动调整大小
我正在与一个组织合作建立一个网站,显示tableau Public中的tableau嵌入,但我遇到了一个tableau如何显示的问题。我尝试了以下Tableau网站上的一些可用资源,例如确保仪表板设置为自动调整大小,等等 该网站是一个wordpress网站,它的编写使得每当检测到来自tableau Public的tableau嵌入代码时,它都会自动将其放入iFrame中。在Tableau Public中,我使用了两个可用嵌入代码中较长的一个 我已经确保了tableau的仪表板设置为“自动”大小,因此它应该自动调整到屏幕。这似乎不起作用,而且画面太大了 我在tableau的资源指南中发现的一件事是,如果你的网站以!doctype html,然后在嵌入中使用以下代码: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的仪表板设置为“自动”大小,
<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;
}