Javascript PowerBI嵌入式垂直滚动条不可见

我已经嵌入了一个PowerBI报告。这是带有页面设置的Javascript

由于某些原因，我的报告中没有垂直滚动条。当我在在线工作区中打开它时，滚动条工作正常。我已经在PowerBi中尝试了在不同的“视图”选项之间切换，但这似乎没有什么区别

<H2>PowerBI</H2>
<p><i>User: {{username}} | AccessLevel: {{access_level}}</i></p>
<div id="reportContainer" style="height: 80vh;"></div>

<script type="text/javascript">
window.onload = function () {
 
// Get models. models contains enums that can be used.
var models = window['powerbi-client'].models;

var embedConfiguration = {
    type: 'report',
    id: '{{txtembedreportid}}',
    embedUrl: '{{txtreportembed}}',
    tokenType: models.TokenType.Embed,
    accessToken: '{{txtaccesstoken}}',
    settings: {
            layoutType: models.LayoutType.Custom,
            customLayout: {
                pageSize: {
                    type: models.PageSizeType.Widescreen,
                }
            },
            panes:{
                bookmarks: {
                    visible: false
                },
                fields: {
                    expanded: false
                },
                filters: {
                    expanded: false,
                    visible: false
                },
                pageNavigation: {
                    visible: true
                },
                selection: {
                    visible: true
                },
                syncSlicers: {
                    visible: true
                },
                visualizations: {
                    expanded: false
                }
           }
    }
};

var $reportContainer = $('#reportContainer');
var report = powerbi.embed($reportContainer.get(0), embedConfiguration);
report.fullscreen(); 
            }
</script>

PowerBI
用户：{{username}}访问级别：{{access}

window.onload=函数（）{
//获取模型。模型包含可以使用的枚举。
var模型=窗口['powerbi-client']。模型；
变量配置={
键入：“报告”，
id:“{txtembedreportid}}”，
embedUrl:“{{txtreportembed}}”，
令牌类型：models.tokenType.Embed，
accessToken:“{{txtaccesstoken}}”，
设置：{
layoutType:models.layoutType.Custom，
自定义布局：{
页面大小：{
类型：models.PageSizeType.Widescreen，
}
},
窗格：{
书签：{
可见：假
},
字段：{
扩展：false
},
过滤器：{
扩展：错，
可见：假
},
页面导航：{
可见：正确
},
选择：{
可见：正确
},
同步切片器：{
可见：正确
},
可视化：{
扩展：false
}
}
}
};
var$reportContainer=$（“#reportContainer”）；
var report=powerbi.embed（$reportContainer.get（0），embedConfiguration）；
report.fullscreen（）；
}

尝试在customLayout对象中添加值为“FitToWidth”的“displayOption”属性，因为此选项将尝试根据页面的总可用大小调整报告，并在必要时为其余部分引入滚动条

在pageSizeType对象中将“宽屏”更改为“自定义”

在所有更改之后，您的配置将如下所示

var嵌入配置={
键入：“报告”，
id:“{txtembedreportid}}”，
embedUrl:“{{txtreportembed}}”，
令牌类型：models.tokenType.Embed，
accessToken:“{{txtaccesstoken}}”，
设置：{
layoutType:models.layoutType.Custom，
自定义布局：{
displayOption:models.displayOption.FitToWidth，//添加“FitToWidth”
页面大小：{
类型：models.PageSizeType.Custom，//更改为“Custom”
}
},
窗格：{
书签：{
可见：假
},
字段：{
扩展：false
},
过滤器：{
扩展：错，
可见：假
},
页面导航：{
可见：正确
},
选择：{
可见：正确
},
同步切片器：{
可见：正确
},
可视化：{
扩展：false
}
}
}
};

参考文件：