Share via

Moduł renderowania paska złożonego

  • Artykuł

Za pomocą skoroszytów platformy Azure dane można renderować przy użyciu paska złożonego. Ten pasek składa się z wielu pasków.

Na poniższej ilustracji przedstawiono pasek złożony stanu bazy danych. Pokazuje, ile serwerów jest w trybie online, offline i w stanie odzyskiwania.

Screenshot that shows the composite bar for database status.

Moduł renderowania pasków złożonych jest obsługiwany w przypadku wizualizacji siatki, kafelków i wykresów.

Dodawanie modułu renderowania paska złożonego

  1. Przełącz skoroszyt do trybu edycji, wybierając pozycję Edytuj.

  2. Wybierz pozycję Dodaj>zapytanie.

  3. Ustaw wartość Źródło danych na JSON wartość i ustaw wartość Wizualizacja na Grid.

  4. Dodaj następujące dane JSON:

    [
    {"sub":"X", "server": "A", "online": 20, "recovering": 3, "offline": 4, "total": 27},
    {"sub":"X", "server": "B", "online": 15, "recovering": 8, "offline": 5, "total": 28},
    {"sub":"Y", "server": "C", "online": 25, "recovering": 4, "offline": 5, "total": 34},
    {"sub":"Y", "server": "D", "online": 18, "recovering": 6, "offline": 9, "total": 33}
]

  5. Uruchamianie zapytania.

  6. Wybierz pozycję Ustawienia kolumny, aby otworzyć okienko ustawień.

  7. W obszarze Kolumny wybierz pozycję total. W polu Moduł renderowania kolumn wybierz pozycję Composite Bar.

  8. W obszarze Ustawienia paska złożonego ustaw następujące ustawienia:

    Nazwa kolumny Color
    online Green (Zielony)
    Odzyskiwanie Yellow
    tryb offline Czerwony (jasny)

  9. W polu Etykieta wprowadź wartość ["online"] of ["total"] are healthy.

  10. W ustawieniach kolumn dla trybu online, offline i odzyskiwania można ustawić opcję Renderer kolumn na Hidden (opcjonalnie).

  11. Wybierz kartę Etykiety i zaktualizuj etykietę dla kolumny sumy jako Database Status (opcjonalnie).

  12. Wybierz Zastosuj.

Ustawienia paska złożonego będą wyglądać podobnie jak na poniższym zrzucie ekranu:

Screenshot that shows composite bar column settings with the preceding settings.

Pasek złożony z poprzednimi ustawieniami:

Screenshot that shows the composite bar.

Ustawienia paska złożonego

Wybierz nazwę kolumny i odpowiedni kolor, aby renderować kolumnę w tym kolorze w ramach paska złożonego. Możesz wstawiać, usuwać i przenosić wiersze w górę i w dół.

Etykieta

Etykieta paska złożonego jest wyświetlana u góry paska złożonego. Możesz użyć kombinacji tekstu statycznego, kolumn i parametrów. Jeśli etykieta jest pusta, wartość bieżących kolumn jest wyświetlana jako etykieta. W poprzednim przykładzie, jeśli pozostawiliśmy pole Etykieta puste, zostanie wyświetlona wartość kolumn sumy.

Zapoznaj się z kolumnami za pomocą ["columnName"]polecenia .

Zapoznaj się z parametrami za pomocą polecenia {paramName}.

W nazwie kolumny i nazwie parametru uwzględniana jest wielkość liter. Możesz również utworzyć etykiety jako link, wybierając pozycję Ustaw ten element jako link , a następnie dodając ustawienia linku.

Agregacja

Agregacje są przydatne w przypadku wizualizacji Tree/Group By. Dane kolumny dla wiersza grupy są ustalane przez zestaw agregacji dla tej kolumny. Dla pasków złożonych mają zastosowanie trzy typy agregacji: Brak, Suma i Dziedzicz.

Aby dodać ustawienia Grupuj według:

  1. W ustawieniach kolumn przejdź do kolumny, do której chcesz dodać ustawienia.
  2. W obszarze Drzewo/Grupuj według Ustawienia w obszarze Typ drzewa wybierz pozycję Grupuj według.
  3. Wybierz pole, według którego chcesz grupować.Screenshot that shows Group By settings.

Brak

Ustawienie Brak dla agregacji oznacza, że dla tej kolumny dla wierszy grupy nie są wyświetlane żadne wyniki.

Screenshot that shows the composite bar with the None setting for aggregation.

Sum

Jeśli agregacja jest ustawiona jako Suma, kolumna w wierszu grupy wyświetla pasek złożony przy użyciu sumy kolumn używanych do renderowania. Etykieta będzie również używać sumy kolumn, do których się odwołuje.

W poniższym przykładzie wszystkie w trybie online, offline i odzyskiwaniu mają ustawioną maksymalną agregację, a agregacja dla kolumny sumy to Suma.

Screenshot that shows the composite bar with the Sum setting for aggregation.

Dziedziczą

Jeśli agregacja jest ustawiona jako Dziedzicz, kolumna w wierszu grupy wyświetla pasek złożony przy użyciu agregacji ustawionej przez użytkowników dla kolumn używanych do renderowania. Kolumny używane w etykiecie używają również agregacji ustawionej przez użytkownika. Jeśli bieżący moduł renderowania kolumn jest paskiem złożonym i jest określany w etykiecie (na przykład suma w poprzednim przykładzie), funkcja Sum jest używana jako agregacja dla tej kolumny.

W poniższym przykładzie wszystkie w trybie online, offline i odzyskiwaniu mają ustawioną maksymalną agregację, a agregacja dla kolumny totalnej to Dziedzicz.

Screenshot that shows the composite bar with the inherit setting for aggregation.

Sortowanie

W przypadku wizualizacji siatki sortowanie wierszy dla kolumny z modułem renderowania paska złożonego działa na podstawie wartości, która jest sumą kolumn używanych do dynamicznego renderowania komputera paska złożonego. W poprzednich przykładach wartość używana do sortowania to suma kolumn online, odzyskiwania i offline dla tego konkretnego wiersza.

Wizualizacje kafelków

Aby utworzyć moduł renderowania paska złożonego dla wizualizacji kafelka:

  1. Wybierz pozycję Dodaj>zapytanie.
  2. Zmień źródło danych na JSON. Wprowadź dane z poprzedniego przykładu.
  3. Zmień wizualizację na Tiles.
  4. Uruchamianie zapytania.
  5. Wybierz pozycję Kafelek Ustawienia.
  6. W obszarze Pola kafelka wybierz pozycję Lewa.
  7. W obszarze Ustawienia pola ustaw następujące ustawienia:
    1. Użyj kolumny: server
    2. Moduł renderowania kolumn: Text
  8. W obszarze Pola kafelka wybierz pozycję Dolne.
  9. W obszarze Ustawienia pola ustaw następujące ustawienia:

    1. Użyj kolumny: total

    2. Moduł renderowania kolumn: Composite Bar

    3. W obszarze Ustawienia paska złożonego ustaw następujące ustawienia:

      Nazwa kolumny Color
      online Green (Zielony)
      Odzyskiwanie Yellow
      tryb offline Czerwony (jasny)

    4. W polu Etykieta wprowadź wartość ["online"] of ["total"] are healthy.

  10. Wybierz Zastosuj.

Ustawienia paska złożonego dla kafelków:

Screenshot that shows composite bar tile settings with the preceding settings.

Widok paska złożonego dla kafelków z poprzednimi ustawieniami będzie wyglądać następująco:

Screenshot that shows composite bar tiles.

Wizualizacje grafu

Aby utworzyć moduł renderowania paska złożonego dla wizualizacji grafu (wpisz Hive Clusters):

  1. Wybierz pozycję Dodaj>zapytanie.
  2. Zmień źródło danych na JSON. Wprowadź dane z poprzedniego przykładu.
  3. Zmień wizualizację na Graphs.
  4. Uruchamianie zapytania.
  5. Wybierz pozycję Graf Ustawienia.
  6. W obszarze Format węzła Ustawienia wybierz pozycję Center Content (Centrum zawartości).
  7. W obszarze Ustawienia pola ustaw następujące ustawienia:

    1. Użyj kolumny: total

    2. Moduł renderowania kolumn: Composite Bar

    3. W obszarze Ustawienia paska złożonego ustaw następujące ustawienia:

      Nazwa kolumny Color
      online Green (Zielony)
      Odzyskiwanie Yellow
      tryb offline Czerwony (jasny)

    4. W polu Etykieta wprowadź wartość ["online"] of ["total"] are healthy.

  8. W obszarze Układ Ustawienia ustaw następujące ustawienia:
    1. Typ grafu: Hive Clusters
    2. Identyfikator węzła: server
    3. Grupuj według pola: None
    4. Rozmiar węzła: 100
    5. Margines między sześciokątami: 5
    6. Typ kolorowania: None
  9. Wybierz Zastosuj.

Ustawienia paska złożonego dla grafów:

Screenshot that shows composite bar graph settings with the preceding settings.

Widok paska złożonego dla grafu z poprzednimi ustawieniami będzie wyglądać następująco:

Screenshot that shows composite bar graphs with hive clusters.

Następne kroki

Wprowadzenie do skoroszytów platformy Azure