获取嵌入式 Tableau 仪表板的窗口高度

Question

在我的仪表板初始化并完全加载后，我需要在iframe. 理想情况下，我想innerHeight进入onFirstInteractive，但无法这样做。function initViz() {    var containerDiv = document.getElementById("vizContainer");    var url = "http://public.tableau.com/views/RegionalSampleWorkbook/Storms";    var options = {        onFirstInteractive: function() {                       // How do I get the height of the rendered contents?        }    };    var viz = new tableau.Viz(containerDiv, url, options);}

Answer 1

订阅VIZ_RESIZE事件，它提供了iframeon 初始化和 resize 的新维度：

viz.addEventListener(tableau.TableauEventName.VIZ_RESIZE, function(event) {
    console.log(event.getAvailableSize());
    });

这给出了以下内容：

当iframe出现这样的：

如果您绝对想检索 中的信息onFirstInteractive，可以这样做：

onFirstInteractive: function(viz) {           

    const iframeStyle = viz.$1._impl.$1h.style;

    const { height, width } = iframeStyle;

    console.log({ height, width });

}

但这有点 hacky，因为此解决方案使用不应该公开的属性，因此此类代码可能会在未来的 Tableau JS 库更新中中断。