从Tableau Public嵌入的Tableau无法在iFrame中自动调整大小

时间:2019-04-08 16:35:30

标签: tableau-public iframe-resizer

我正在与一个组织合作建立一个网站,该网站将显示Tableau Public中的Tableau嵌入内容,但是我遇到了有关Tableau显示方式的问题。我尝试遵循Tableau网站上提供的一些资源,例如确保将仪表板设置为自动调整大小等。

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

我确保将画面的仪表板设置为“自动”大小,因此应将其自动调整至屏幕。这似乎不起作用,并且嵌入的画面太大。

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

<style> html, body{height:100%} </style>

我应该将其放置在嵌入代码中还是没关系,因为它已被放置在iFrame中?如果我应该使用它,它应该在代码中的什么位置?

放置该画面的网站上的iFrame代码为:



.tableauPlaceholder{

height:auto !important;

padding-bottom:60%;

overflow:hidden;

}



.tableauPlaceholder iframe{

height: 100% !important;

width: 100%;

position:absolute;

}

这个想法是,无论何时我或另一个用户嵌入Tableau代码,上面的代码都会自动检测到嵌入并将其放置在此iFrame中。

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

我希望表格能够正确地显示在其中的屏幕上。用户不必缩小或滚动即可查看/与图形进行交互。

感谢您的帮助,我很高兴澄清以上内容/提供更多信息。

谢谢。

0 个答案:

没有答案