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.

Screenshot that shows a tile summary view.

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 pozycję Aplikacja Szczegółowe informacje 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 Kafelek Ustawienia, aby otworzyć okienko Kafelek Ustawienia:

    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.

Screenshot that shows a tile summary view with query and tile settings.

Kafelki w trybie odczytu:

Screenshot that shows a tile summary view in read mode.

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 pozycję Aplikacja Szczegółowe informacje 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.

Screenshot that shows tile visualization with a spark line.

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.

    Screenshot that shows fixed-width tiles.

  • 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).

    Screenshot that shows auto-width tiles.

  • full size

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

    Screenshot that shows full-size-width tiles.

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.