如何删除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桌面和Power BI门户中完成。