Przeskocz do zawartości głównej Przejdź do treści uzupełniającej

Jak to zrobiłem: Dynamiczna analiza z kontenerem układu

Ten przykład pokazuje, jak tworzyć dynamiczną, interaktywną zawartość arkusza za pomocą kontenera układu.Kontener układu obsługuje projektowanie bez siatki i skumulowane wizualizacje, umożliwiając szeroką kontrolę nad rozmieszczeniem zawartości analitycznej. Dodatkowo, podobnie jak w przypadku innych obiektów kontenera, można dynamicznie prezentować różne informacje w zależności od wielu warunków, takich jak stany zmiennych i stany zaznaczenia.

Ten przykład pokazuje, jak zbudować kontener układu, aby prezentować informacje z wielu wykresów jako pojedynczy obiekt. Niektóre ogólne podejścia do projektowania obejmują:

  • Rozmieszczanie podobnych obiektów w sposób symetryczny, używając stylizacji do rozróżniania różnych sekcji danych.

  • Usuwanie obramowań z pojedynczych obiektów wewnątrz kontenera układu, a następnie dodawanie obramowania wokół całego obiektu po zakończeniu.

  • Warunkowe wyświetlanie różnych obiektów lub danych w zależności od interakcji użytkownika — w tym przykładzie wykres słupkowy, w którym użytkownik może pokazywać lub ukrywać szczegóły.

  • Tworzenie elementów złożonych składających się z wielu różnych obiektów umieszczonych obok siebie — w tym przykładzie interaktywny przycisk, który imituje przełącznik włącz/wyłącz.

  • Umożliwianie użytkownikom wielu sposobów wybierania i filtrowania danych, gdy potrzebują przyjrzeć się im bliżej.

Wynik końcowy

Gotowy kontener układu dla przykładu

Przygotowania

Utwórz nową aplikację i wklej Przykład skryptu ładowania do nowej sekcji w Edytor ładowania danych. Następnie załaduj dane.

Po załadowaniu danych przełącz się do widoku arkusza.

Przykład skryptu ładowania

Część 1: Utwórz zmienną

Najpierw utwórz zmienną. Ta zmienna jest przedmiotem warunków, które zostaną dodane później. Wartości zmiennej zostaną zmienione podczas analizy poprzez interakcje z obiektami przycisków.

Utwórz następującą zmienną. Ustaw Definicję na =false().

  • vViewChartValues

Tworzenie zmiennej

Część 2: Utwórz kontener układu

  1. W panelu zasobów otwórz Rozszerzenie Obiekty niestandardowe > Dashboard bundle i przeciągnij Layout container do arkusza.

  2. Zmień rozmiar kontenera tak, aby miał 17 na 10 kwadratów na siatce arkusza.

Część 3: Dodaj wizualizacje do kontenera układu

Następnie dodaj wizualizacje do kontenera układu.

Część 4: Finalizowanie prezentacji

Sfinalizuj kontener układu, dodając tytuł i obramowanie.

  1. Na panelu właściwości rozwiń Wygląd > Ogólne.

  2. Ustaw tytuł na Zamówienia opóźnione a Zamówienia nieopóźnione – wpływ na sprzedaż.

  3. Rozwiń Wygląd > Prezentacja.

  4. Włącz Zachowaj wykresy wewnątrz.

  5. Kliknij Paleta Stylizacja.

  6. Ustaw następujące właściwości dla Ramka:

    • Obrys: 2 px

    • Kolor: #7b7a78

  7. Ustaw następujące właściwości dla Cienia:

    • Średni rozmiar

    • Kolor: #7b7a78

Wyniki

Wyjdź z trybu edycji arkusza. Kliknij przycisk przełącznika, aby przełączać się między prostym a szczegółowym wykresem słupkowym.

Kontener układu z Pokaż wartości wyłączone

Kontener układu z wyłączoną opcją 'Pokaż wartości', prezentujący wykres słupkowy bez etykiet wartości

Kontener układu z Pokaż wartości włączone

Kontener układu z włączoną opcją 'Pokaż wartości', prezentujący wykres słupkowy z etykietami wartości

Kliknij tytuły Not Late i Late u góry wykresu. Zauważ, że kliknięcie tych elementów powoduje wybranie odpowiednich wartości w aplikacji.

Kontener układu z zaznaczeniem Not Late w polu Late Status.

Kontener układu z zaznaczeniem dokonanym w polu „Status opóźnienia”.

Czy ta strona była pomocna?

Jeżeli natkniesz się na problemy z tą stroną lub jej zawartością — literówkę, brakujący krok lub błąd techniczny — daj nam znać!