我正在与一个组织合作建立一个网站,该网站将显示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中。
是否应该更改具有以上代码的内容?
我希望表格能够正确地显示在其中的屏幕上。用户不必缩小或滚动即可查看/与图形进行交互。
感谢您的帮助,我很高兴澄清以上内容/提供更多信息。
谢谢。