Přizpůsobení nejlepších přehledů

Přizpůsobení nejlepších přehledů prezentace v power BI Embedded Analytics Playground (Preview) umožňuje uživatelům vybrat, které vizualizace a rozložení se mají zobrazit během relace zobrazení sestavy.

Power BI Embedded vlastní rozložení sestavy řídit velikost, umístění a viditelnost vizuálů na stránce sestavy. Pomocí vlastních rozložení můžete prezentovat různá zobrazení různým uživatelům nebo umožnit uživatelům přizpůsobit si vlastní zobrazení. Vlastní rozložení pomáhají uživatelům soustředit se na nejdůležitější vizualizace a přehledy.

Vlastní rozložení můžete také použít ke změně velikosti vizuálů při změně velikosti okna nebo k prezentaci různých rozložení pro desktopové, tabletové nebo mobilní obrazovky.

Vlastní prostředí prezentace rozložení

V Přizpůsobení nejlepších přehledů prezentace imaginárního konglomeratu s názvem Contoso používá vloženou sestavu Power BI k zobrazení obchodních dat zúčastněným stranám. Vložená sestava se načte se všemi devíti dostupnými vizualizacemi, které se zobrazují v rozložení se dvěma sloupci.

Výběr vizuálů

Pokud chcete vybrat jenom vizuály, které chtějí vidět, uživatelé sestavy vyberou tlačítko Zvolit vizuály. Otevře se rozevírací seznam Zvolit vizuály s vybranými všemi devíti dostupnými vizuály.

Uživatelé můžou zrušit zaškrtnutí políček vedle vizuálů, které nechtějí zobrazit. Ve zbývající části této relace se v sestavě zobrazí jenom vybrané vizuály.

Snímek obrazovky s dialogovým oknem Zvolit vizuály se třemi vybranými a zobrazenými vizuály

Když vyberete Zvolte vizuály rozevírací seznam znovu zavřete. Uživatelé můžou znovu vybrat Zvolit vizuály vybrat různé vizuály nebo všech devět vizuálů.

Výběr rozložení

Uživatelé můžou také vybrat Zvolit rozložení a zobrazit tak paletu pěti různých možností rozložení vizualizace. Výběr možnosti rozložení použije vybrané rozložení a zavře paletu.

Snímek obrazovky znázorňující paletu rozložení s vybraným a použitým rozložením se třemi sloupci

Interakce vizuálů a rozložení

Zvolit vizuály a Zvolit ovládací prvky rozložení v kódu aplikace jsou nezávislé, ale pracují. Pokud se například zobrazuje jenom jeden vizuál, zobrazí rozložení s jedním sloupcem vizuál ve větší velikosti než rozložení se třemi sloupci.

Snímek obrazovky znázorňující jeden vizuál v rozložení s jedním sloupcem

Snímek obrazovky znázorňující jeden vizuál v rozložení se třemi sloupci

Prezentace vlastního rozložení kódu

Kód pro implementaci prezentace aplikace je v úložišti PowerBI-Embedded-Showcases GitHubu.

  • Aplikace kód HTML sestaví kontejner sestavy, Zvolit vizuály tlačítko a rozevírací seznam a Zvolit rozložení tlačítko a rozevírací paletu.

  • JavaScript sestavy vloží sestavu, vypočítá a nakonfiguruje objekty vlastního rozložení a implementuje výchozí a přizpůsobená vlastní rozložení.

Pokud chcete vytvořit vlastní rozložení sestavy, předáte objekt vlastního rozložení do settings vlastnosti konfigurace vložení sestavy . K povolení vlastních rozložení používá JavaScript sestavy vlastnost layoutType s hodnotou models.LayoutType.Custom.

Objekt customLayout určuje velikost stránky plátna sestavy, měřítko plátna a rozložení stránky. Rozložení stránky určují výchozí rozložení vizuálu pro sestavu a rozložení vizuálů pro každý vizuál.

let settings = {
    ...
    layoutType: models.LayoutType.Custom,
    customLayout: {
        pageSize: {
            type: models.PageSizeType.Custom,
            width: reportWidth - 10,
            height: reportHeight - 20
        },
        displayOption: models.DisplayOption.FitToPage,
        pagesLayout: pagesLayout
    }
};

Pokud chcete zobrazit vybrané vizualizace a rozložení, prezentace JavaScriptu dynamicky vytvoří objekt settings a aktualizuje konfiguraci vložení. Sestava se načte s vybranými vizuály a implementovaným vlastním rozložením.