javascript - 如何删除 PowerBI Embedded iframe 滚动条(JavaScript API)？

Question

我使用 javascript API 将 Power BI 报告嵌入到 HTML 页面中。要求是将父级 (DOM) 的高度和宽度分别设置为 100%。

下面是用于嵌入的 HTML 和 Javascript 代码。

<div class="basic-reporting-container settings-page desktop-view" ng-hide="isGridReport">
        <div id="embedContainer" style="height:100%; width:100%"></div>
    </div>

var models = window['powerbi-client'].models;

                    var config = {
                        type: 'report',
                        tokenType: models.TokenType.Embed,
                        accessToken: data.AccessToken.token,
                        embedUrl: data.EmbedUrl,
                        id: data.EmbedReportId,
                        permissions: models.Permissions.All,
                        settings: {
                            navContentPaneEnabled: false,
                            filterPaneEnabled: false,
                        }
                    };

                    // Get a reference to the embedded report HTML element
                    var reportContainer = document.getElementById('embedContainer');
                    var report = powerbi.embed(reportContainer, config);

报告工作正常，但在所有分辨率下都会出现垂直滚动条。如何删除 PowerBI Iframe 滚动条？

这里我需要提到的一点是，当我删除 PowerBI 的右侧过滤器选项 (filterPaneEnabled: false) 时，滚动条开始出现。

Answer 1

重复:

Power BI embedded hide scrollbar

如果您设置“查看”->“适合页面”，则不会出现滚动条。

这可以在 Power BI Desktop 和 Power BI 门户中完成。