Personalizowanie prezentacji najważniejszych szczegółowych informacji

Personalizowanie najważniejszych szczegółowych informacji prezentacji w osadzonej analizy usługi Power BI (wersja zapoznawcza) używa niestandardowego interfejsu API układu, aby umożliwić użytkownikom wybranie wizualizacji i układów, które mają być widoczne podczas sesji wyświetlania raportu.

Osadzone niestandardowych układów raportów usługi Power BI kontrolować rozmiar, położenie i widoczność wizualizacji na stronie raportu. Użyj układów niestandardowych, aby prezentować różne widoki różnym użytkownikom lub umożliwiać użytkownikom personalizowanie własnych widoków. Układy niestandardowe ułatwiają użytkownikom skoncentrowanie się na najważniejszych wizualizacjach i szczegółowych informacjach.

Możesz również użyć układów niestandardowych, aby zmienić rozmiar wizualizacji w przypadku zmiany rozmiaru okna lub przedstawić różne układy dla ekranów klasycznych, tabletów lub urządzeń przenośnych.

Niestandardowe środowisko prezentacji układu

W Personalizuj najważniejsze szczegółowe informacje prezentacji, wyimaginowany konglomerat o nazwie Contoso używa osadzonego raportu usługi Power BI do wyświetlania danych biznesowych uczestnikom projektu. Osadzony raport jest ładowany ze wszystkimi dziewięcioma dostępnymi wizualizacjami wyświetlanymi w układzie dwukolumna.

Wybieranie wizualizacji

Aby wybrać tylko wizualizacje, które najbardziej chcą zobaczyć, użytkownicy raportu wybierają przycisk Wybierz wizualizacje. Zostanie otwarte pole listy rozwijanej Wybierz wizualizacje z zaznaczonymi wszystkimi dziewięcioma dostępnymi wizualizacjami.

Użytkownicy mogą wyczyścić pola wyboru obok wizualizacji, których nie chcą widzieć. Tylko wybrane wizualizacje są wyświetlane w raporcie w pozostałej części tej sesji wyświetlania.

Wybranie Wybierz wizualizacje ponownie zamyka pole listy rozwijanej. Użytkownicy mogą wybrać Wybierz wizualizacje ponownie, aby wybrać różne wizualizacje lub wszystkie dziewięć wizualizacji.

Wybieranie układu

Użytkownicy mogą również wybrać Wybierz układ, aby utworzyć paletę pięciu różnych opcji układu wizualizacji. Wybranie opcji układu powoduje zastosowanie wybranego układu i zamknięcie palety.

Interakcje wizualizacji i układu

Kontrolki Wybieranie wizualizacji i Wybieranie układu w kodzie aplikacji są niezależne, ale wchodzą w interakcje. Jeśli na przykład jest wyświetlana tylko jedna wizualizacja, układ z jedną kolumną wyświetla wizualizację o większym rozmiarze niż układ trójkolumny.

Kod pokazu układu niestandardowego

Kod implementowania aplikacji pokazowej znajduje się w repozytorium PowerBI-Embedded-Showcases GitHub.

• Aplikacja kod HTML kompiluje kontener raportów, Wybierz wizualizacje przycisk i listę rozwijaną, a Wybierz układ i paletę rozwijaną.

• Raport JavaScript osadza raport, oblicza i konfiguruje obiekty układu niestandardowego oraz implementuje domyślne i spersonalizowane układy niestandardowe.

Aby utworzyć niestandardowy układ raportu, należy przekazać obiekt układu niestandardowego do właściwości settings raportu konfiguracji osadzania. Aby włączyć układy niestandardowe, raport JavaScript używa właściwości layoutType z wartością models.LayoutType.Custom.

Obiekt customLayout określa rozmiar strony kanwy raportu, skalowanie kanwy i układ strony. Układy stron określają domyślny układ wizualny raportu i układy wizualizacji dla każdej wizualizacji.

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

Aby wyświetlić wybrane wizualizacje i układy, pokaz języka JavaScript dynamicznie tworzy obiekt settings i aktualizuje konfigurację osadzania. Raport jest ładowany z wybranymi wizualizacjami pokazującymi i zaimplementowany układ niestandardowy.

Powiązana zawartość

• personalizowanie układu raportu
• usługi Power BI Embedded Analytics — plac zabaw