Udostępnij za pośrednictwem


Wizualizacje kafelków

Kafelki to przydatny sposób prezentowania danych podsumowania w skoroszytach. Poniższy przykład przedstawia typowy przypadek użycia kafelków z podsumowaniem na poziomie aplikacji w górnej części szczegółowej siatki.

Zrzut ekranu przedstawiający widok podsumowania kafelka.

Kafelki skoroszytu obsługują wyświetlanie elementów, takich jak tytuł, podtytuł, duży tekst, ikony, gradienty oparte na metrykach, linie spark lub paski oraz stopki.

Dodaj kafelek

  1. Przełącz skoroszyt do trybu edycji, wybierając przycisk Edytuj pasek narzędzi.

  2. Wybierz pozycję Dodaj>zapytanie, aby dodać kontrolkę zapytania dziennika do skoroszytu.

  3. W polu Typ zapytania wybierz pozycję Dzienniki. W polu Typ zasobu wybierz na przykład usługę Application Insights i wybierz zasoby, które mają być docelowe.

  4. Użyj edytora zapytań, aby wprowadzić język KQL na potrzeby analizy.

    requests
    | summarize Requests = count() by appName, name
    | top 7 by Requests desc
    
  5. Ustaw wartość Rozmiar na Pełny.

  6. Ustaw pozycję Wizualizacja na kafelki.

  7. Wybierz przycisk Ustawienia kafelka, aby otworzyć okienko Ustawienia kafelka:

    1. W obszarze Tytuł ustaw:
      • Użyj kolumny: name
    2. W obszarze Po lewej ustaw:
      • Użyj kolumny: Requests
      • Moduł renderowania kolumn: Big Number
      • Paleta kolorów: Green to Red
      • Wartość minimalna: 0
    3. W dolnej części ustaw:
      • Użyj kolumny: appName
  8. Wybierz przycisk Zapisz i zamknij w dolnej części okienka.

Zrzut ekranu przedstawiający widok podsumowania kafelka z ustawieniami zapytania i kafelka.

Kafelki w trybie odczytu:

Zrzut ekranu przedstawiający widok podsumowania kafelka w trybie odczytu.

Linie platformy Spark w kafelkach

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

  2. Dodaj parametr zakresu czasu o nazwie TimeRange.

    1. Wybierz pozycję Dodaj>parametry.
    2. W kontrolce parametrów wybierz pozycję Dodaj parametr.
    3. W polu Nazwa parametru wprowadź wartość TimeRange. W polu Typ parametru wybierz pozycję Time range picker.
    4. Wybierz pozycję Zapisz w górnej części okienka, a następnie wybierz pozycję Gotowe edytowanie w kontrolce parametrów.
  3. Wybierz pozycję Dodaj>zapytanie, aby dodać kontrolkę zapytania dziennika w kontrolce parametrów.

  4. W polu Typ zapytania wybierz pozycję Dzienniki. W polu Typ zasobu wybierz na przykład usługę Application Insights i wybierz zasoby, które mają być docelowe.

  5. Użyj edytora zapytań, aby wprowadzić język KQL na potrzeby analizy.

    let topRequests = requests
    | summarize Requests = count() by appName, name
    | top 7 by Requests desc;
    let topRequestNames = topRequests | project name;
    requests
    | where name in (topRequestNames)
    | make-series Trend = count() default = 0 on timestamp from {TimeRange:start} to {TimeRange:end} step {TimeRange:grain} by name
    | join (topRequests) on name
    | project-away name1, timestamp
    
  6. Wybierz pozycję Uruchom zapytanie. Ustaw TimeRange wartość wybranej wartości przed uruchomieniem zapytania.

  7. Ustaw pozycję Wizualizacja na kafelki.

  8. Ustaw wartość Rozmiar na Pełny.

  9. Wybierz pozycję Ustawienia kafelka:

    1. W obszarze Kafelek ustaw:
      • Użyj kolumny: name
    2. W podtylu ustaw:
      • Użyj kolumny: appNAme
    3. W obszarze Po lewej ustaw:
      • Użyj kolumny:Requests
      • Moduł renderowania kolumn: Big Number
      • Paleta kolorów: Green to Red
      • Wartość minimalna: 0
    4. W dolnej części ustaw:
      • Użyj kolumny:Trend
      • Moduł renderowania kolumn: Spark line
      • Paleta kolorów: Green to Red
      • Wartość minimalna: 0
  10. Wybierz pozycję Zapisz i zamknij w dolnej części okienka.

Zrzut ekranu przedstawiający wizualizację kafelka z linią platformy Spark.

Rozmiary kafelków

Istnieje możliwość ustawienia szerokości kafelka w ustawieniach kafelka:

  • fixed (domyślne)

    Domyślnym zachowaniem kafelków jest taka sama stała szerokość, około 160 pikseli szerokości oraz odstęp wokół kafelków.

    Zrzut ekranu przedstawiający kafelki o stałej szerokości.

  • auto

    Każdy tytuł zmniejsza lub zwiększa się, aby dopasować ich zawartość. Kafelki są ograniczone do szerokości widoku kafelków (bez przewijania poziomego).

    Zrzut ekranu przedstawiający kafelki o automatycznej szerokości.

  • full size

    Każdy tytuł jest zawsze pełną szerokością widoku kafelków z jednym tytułem na wiersz.

    Zrzut ekranu przedstawiający kafelki o pełnej szerokości.

Następne kroki

  • Kafelki obsługują również moduł renderowania paska złożonego. Aby dowiedzieć się więcej, zobacz dokumentację paska złożonego.
  • Aby dowiedzieć się więcej o parametrach czasu, takich jak TimeRange, zobacz dokumentację parametrów czasu skoroszytu.