如何删除PowerBI嵌入式iframe滚动条(JavaScript API)?
我使用javascript API将Power BI报告嵌入到HTML页面中。要求将父对象(DOM)的高度和宽度分别设置为100% 下面是用于嵌入的HTML和Javascript代码如何删除PowerBI嵌入式iframe滚动条(JavaScript API)?,javascript,html,css,powerbi-embedded,Javascript,Html,Css,Powerbi Embedded,我使用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:
<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);
var模型=窗口['powerbi-client']。模型;
变量配置={
键入:“报告”,
令牌类型:models.tokenType.Embed,
accessToken:data.accessToken.token,
embedUrl:data.embedUrl,
id:data.embeddeReportID,
权限:models.permissions.All,
设置:{
navContentPaneEnabled:false,
filterPaneEnabled:false,
}
};
//获取对嵌入报表HTML元素的引用
var reportContainer=document.getElementById('embedContainer');
var report=powerbi.embed(reportContainer,config);
报告工作正常,但所有分辨率上都会显示一个垂直滚动条。如何删除PowerBI Iframe滚动条
这里需要提到的一点是,当我删除PowerBI的右过滤器选项(FilterPaneAbled:false)时,滚动条开始出现。重复:
如果设置“查看”->“适合页面”,则不会显示滚动条
这可以在Power BI桌面和Power BI门户中完成