Вертикальная полоса прокрутки PowerBI Embedded не видна

Я встроил отчет 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>

person Elmer    schedule 08.03.2021    source источник


Ответы (1)


Попробуйте добавить свойство displayOption со значением FitToWidth в объект customLayout, так как этот параметр попытается уместить отчет в соответствии с общим доступным размером страницы и при необходимости добавит полосу прокрутки для оставшейся части.

Также измените Widescreen на Custom в объекте pageSizeType.

После всех изменений ваша embedConfiguration станет следующей.

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

См. документы: https://docs.microsoft.com/en-us/javascript/api/overview/powerbi/custom-layout

person Parth Mangukiya    schedule 10.03.2021