[英]How to remove the PowerBI Embedded iframe scrollbar (JavaScript API)?
我使用 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) 时,滚动条开始出现。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.