如何在使用 iFrame 嵌入 Power BI 报表时隐藏 "Page" 和 "Filter"

How to hide "Page" and "Filter" while embedding a Power BI report using an iFrame

我正在尝试使用 iframe 在我的网页中嵌入 Power BI 报告，但它在网页中显示了页面名称和右侧过滤器以及报告，我们可以在报告中隐藏页面名称和过滤器吗？

您可以配置报告的设置。将以下标志设置为 false 以在设置中实现您想要的。

settings: {
  filterPaneEnabled: false,
  navContentPaneEnabled: false
}

您可以在这里阅读：
https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-Configuration-Details

如其他答案所述，如果您使用的是 PowerBI JavaScript API，您可以尝试传入这些参数 ：https://github.com/microsoft/PowerBI-JavaScript

settings: {
  filterPaneEnabled: false,
  navContentPaneEnabled: false
}

文档： https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-Configuration-Details

否则，您可以尝试操纵您正在使用的 iframe 的 DOM，如下所示：

<!DOCTYPE html>
<html>

<body>

    <iframe id="myframe" src="demo_iframe.htm"></iframe>

    <p>Click the button to change the background color of the document contained in the iframe.</p>

    <p id="demo"></p>

    <button onclick="myFunction()">Try it</button>

    <script>
        function myFunction() {
            var x = document.getElementById("myframe");
            var y = (x.contentWindow || x.contentDocument);
            if (y.document) y = y.document;
            y.body.style.backgroundColor = "red";
        }
    </script>

</body>

</html>

你可以在这里看到一个演示：
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_iframe_contentdocument

并在此处解释其工作原理：
https://www.w3schools.com/jsref/prop_frame_contentdocument.asp