Подгонка контента для angular клиентского фрейма PowerBi

Question

У меня есть пара отчетов, разработанных в Power BI. Проблема в следующем: созданный мною фрейм имеет высоту 80 мм (это нормально). Проблема в том, что в случае, если отчет имеет меньшую высоту, есть пробел, который я хочу удалить.

Я был тестирование с css и если я уменьшу высоту iframe, другие отчеты будут обрезаны, если я уберу высоту, в которой размер отчета останется 300w x 150h, я также попытался прочитать, используя макет страниц (я не знаю, как его использовать, потому что я не знаю, откуда взята клавиша), опция отображения и визуальный макет. Все это без успеха. Руководство, которое я использую, следующее: https://github.com/Microsoft/PowerBI-JavaScript/wiki/Custom-Layout

читается, что я чувствую, что это решается с помощью макета страниц, но я не знаю, как его использовать. У тебя есть решение? Заранее спасибо.

Конфигурация power bi такая:

  this.config = {
        accessToken: accessToken && accessToken.currentValue ? accessToken.currentValue : this.config.accessToken,
        tokenType: tokenType && tokenType.currentValue ? this.getTokenType(tokenType.currentValue) : this.config.tokenType,
        embedUrl: embedUrl && embedUrl.currentValue ? embedUrl.currentValue : this.config.embedUrl,
        type: type && type.currentValue ? type.currentValue : this.config.type,
        id: id && id.currentValue ? id.currentValue : this.config.id,
        filters: filtersExternal && filtersExternal.currentValue ? filtersExternal.currentValue : this.config.filters,
        ...this.fixedConfig
    };

И Фиксированная конфигурация:

 // Fixed configuration
fixedConfig: IEmbedConfiguration = {
    settings: {
        navContentPaneEnabled: false,
        filterPaneEnabled: false,
        customLayout: {
            pageSize: {
                type: models.PageSizeType.Custom,
                height: 600,
                width: 1300
            }
        }
    }
};

Answer 1

Доброе утро,

Наконец я обнаружил, что моя проблема заключается в том, что для сохранения соотношения сторон 16: 9 на некоторых экранах высота сильно уменьшилась. Для ее решения было так же просто, как изменить высоту контейнера div для iframe в зависимости от ширины экрана:

    @media only screen and (max-width: 1600px) {
        // TODO: A variable
        height: 60rem;
    }
    @media only screen and (max-width: 1300px) {
        // TODO: A variable
        height: 55rem;
    }
    @media only screen and (max-width: 800px) {
        // TODO: A variable
        height: 35rem;
    }

, чтобы iframe подстраивался под содержание отчета.

My HTML div & iframe:

    <div class="tn-powerbi__frame" [ngClass]="{ 'tn-powerbi__frame--fullscreen': fullscreen,'tn-powerbi__frame--insurtech': reportId===20  }" #powerbiFrame></div>

Iván Allué