Moduł renderowania paska złożonego

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.

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:

Pasek złożony z poprzednimi ustawieniami:

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 ustawień w obszarze Typ drzewa wybierz pozycję Grupuj według.
3. Wybierz pole, według którego chcesz grupować.

Brak

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

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.

Odziedziczyć

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.

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ę Ustawienia kafelka.
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:

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

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ę Ustawienia grafu.
6. W obszarze Ustawienia formatu węzła wybierz pozycję 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 Ustawienia układu 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:

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

Następne kroki

Wprowadzenie do skoroszytów platformy Azure