Избавьтесь от белого фона на встроенном отчете Powerbi

Question

Моя цель - встроить отчеты Powerbi в веб-приложение без белых обоев. Когда я открываю свой репозиторий на рабочем столе Power BI, я настраиваю «Цвет» обоев на 100%. На самом деле встраивание отчета я использую:

background: pbi.models.BackgroundType.Transparent,

Но это не помогает. Когда отчет встроен, у меня все еще есть белые фоновые обои из следующих классов:

.reportContainerContent {
    background: #fff;
}

и

.reportContainerContent .embeddedPV {
    background: #fff;
}

Где я могу отключить это - я просто хочу не wallpaper / background color .?

PS удаляя свойства с помощью инструментов dev, получаем желаемый результат ?

Answer 1

Чтобы применить прозрачный фон (ссылка ссылка - точка № 5), необходимо выполнить следующие шаги:

Шаг 1: Включить питание Библиотека BI JS в скрипте (которую вы уже должны были сделать для встраивания отчета):

<script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/powerbi-client/dist/powerbi.js"></script>

Шаг 2. Использование моделей из окна:

var models = window['powerbi-client'].models;

Шаг 3. Использование прозрачный тип фона из использованных моделей и в конфигурации для встраивания добавить свойство настроек, как показано ниже:

var embedConfiguration = {
                            type: 'report',
                            tokenType: models.TokenType.Aad,
                            accessToken: token,
                            embedUrl: response.embedUrl,
                            id: reportId,
                            permissions: models.Permissions.ReadWrite,
                            viewMode: models.ViewMode.View,
                            settings: {
                                background: models.BackgroundType.Transparent
                            }
                        };

Это сработало для меня.

До:

После:

Если вы все еще сталкиваетесь с какими-либо проблемами, пожалуйста, предоставьте ваш фрагмент кода конфигурации.