Внедрение панели мониторинга

В этой статье рассматриваются действия по внедрению панели мониторинга в приложение. Дополнительные сведения о панелях мониторинга см. в разделе "Общие сведения о панелях мониторинга для конструкторов Power BI".

Совет

Попробуйте внедрить панель мониторинга или поэкспериментируйте с нашими клиентскими API в разделе "Изучение наших API" на тестовой площадке Power BI Embedded Analytics.

Внедрение панели мониторинга

При внедрении содержимого Power BI в приложение используется объект конфигурации для определения внедренного содержимого и указания параметров содержимого. Затем вы передаете этот объект в API.

При внедрении панели мониторинга используйте объект конфигурации типа IDashboardLoadConfiguration:

interface IDashboardLoadConfiguration {
    accessToken: string;
    embedUrl?: string;
    id: string;
    pageView?: models.PageView 
    tokenType?: models.TokenType;
    type: string;
}

Этот интерфейс содержит следующие свойства:

Пример

В следующем примере показано, как внедрить одну панель мониторинга:

// Set up the configuration object that determines what to embed and how to embed it.
let embedConfiguration = {
    accessToken: anAccessToken,
    embedUrl: anEmbedUrl,
    id: aDashboardId,
    pageView: 'fitToWidth',
    tokenType: aTokenType,
    type: 'dashboard'
};
 
// Get a reference to the HTML element that contains the embedded dashboard.
let dashboardContainer = $('#dashboardContainer')[0];
 
// Embed the dashboard.
let dashboard = powerbi.embed(dashboardContainer, embedConfiguration);

Рекомендации и ограничения

  • Внедрение панелей мониторинга на номераХ SKU EM не поддерживается

  • При внедрении содержимого приложение отображает содержимое в элементе div . Если вы используете pageView значение при внедрении actualSize панели мониторинга:

    • Если панель мониторинга шире div элемента, API использует ширину div элемента в качестве ширины встроенной панели мониторинга.
    • Если панель мониторинга узче div элемента, API заполняет неиспользуемое пространство встроенным фоном. По умолчанию этот фон является белым, но его можно настроить так, чтобы он был прозрачным. В этом случае div стилизация элемента отображается в неиспользуемом пространстве.

Дальнейшие действия