Я сделал это с помощью Angular 7 следующим образом.
Компонент:
showReport() {
let accessToken = 'your access token’;
// Embed URL
let embedUrl = 'your embed URL';
// Report ID
let embedReportId = 'your embed report ID';
let config = {
type: 'report',
pageName: 'aaa',
name: 'Chamila',
accessToken: accessToken,
embedUrl: embedUrl,
id: embedReportId,
permissions: pbi.models.Permissions.All,
viewMode: pbi.models.ViewMode.Edit,
settings: {
localeSettings: {
language: "en",
formatLocale: "es"
},
}
};
// Grab the reference to the div HTML element that will host the report.
let reportContainer = <HTMLElement>document.getElementById('reportContainer');
// Embed the report and display it within the div container.
let powerbi = new pbi.service.Service(pbi.factories.hpmFactory, pbi.factories.wpmpFactory, pbi.factories.routerFactory);
let report = powerbi.embed(reportContainer, config);
}
HTML:
<div id="reportContainer"></div>
Заменить соответствующий токен доступа, встроенный URL и идентификатор отчета.У меня отлично работает.