Anpassen der visuellen Elemente des Azure Data Explorer-Dashboards

Azure Data Explorer Dashboards sind eine Sammlung von Kacheln, die durch eine visuelle Darstellung gekennzeichnet sind, welche von einer zugrunde liegenden Kusto Query Language (KQL)-Abfrage unterstützt wird. In diesem Artikel wird erläutert, wie Sie die Visualisierungen und Abfragen einer Dashboardkachel bearbeiten. Außerdem finden Sie eine Übersicht über Anpassungseigenschaften, die für jeden Visualisierungstyp spezifisch sind.

Alle Visualisierungen, die Sie im Kontext des Renderoperators erstellen, sind in Dashboardvisualisierungen verfügbar. Zusammen mit diesen Visualisierungen können Sie einige dashboardspezifische visuelle Elemente verwenden.

Voraussetzungen

Überprüfen Sie die Visualisierung von Daten mit Azure Data Explorer-Dashboards.

Anpassen visueller Elemente

So nehmen Sie Änderungen am Dashboard vor:

  1. Wählen Sie im oberen Menü Anzeigen aus, und ändern Sie den Modus in Bearbeiten.

    Screenshot der Eingabe des Bearbeitungsmodus in Dashboards in der Azure Data Explorer-Web-UI.

  2. Wählen Sie auf der Kachel, die Sie anpassen möchten, das Symbol "Bearbeiten" aus. Bearbeiten Sie die zugrunde liegende Abfrage oder die Visualisierungseigenschaften.

    Screenshot zum Bearbeiten einer Kachel in Dashboards in der Azure Data Explorer-Webbenutzeroberfläche.

  3. Wählen Sie "Änderungen übernehmen" aus, um Ihre Änderungen zu speichern und zum Dashboard zurückzukehren.

    Screenshot zum Speichern der Änderungen an der Dashboardkachel in der Azure Data Explorer-Web-UI.

Festlegen von Anpassungseigenschaften

In der folgenden Tabelle werden die verfügbaren benutzerdefinierten Eigenschaften beschrieben, alphabetisch nach Abschnitt kategorisiert und angegeben, welche visuellen Elemente die angegebene Eigenschaft unterstützen.

Abschnitt Eigenschaft Beschreibung Visualisierungstypen
Farben Farbpalette Bestimmt den Satz der Farben, die für das Wärmebild verwendet werden sollen. Wärmebild
Bedingte Formatierung Ausblenden oder Anzeigen Eine Umschaltoption zum Deaktivieren oder Aktivieren der bedingten Formatierung. Weitere Informationen finden Sie unter Bedingte Formatierung anwenden. Anomalie-Diagramm, Bereichsdiagramm, Balkendiagramm, Säulendiagramm, Multi-Stat, Punktdiagramm, Tabelle, Zeit-Diagramm
Daten Y-Spalten Die Spalten, die Daten für die vertikale Achse bereitstellen. Anomalie-Diagramm, Flächendiagramm, Balkendiagramm, Säulendiagramm, Liniendiagramm, Punktdiagramm, Zeitdiagramm
X-Spalte Die Spalte, die Daten für die horizontale Achse bereitstellt. Anomalie-Diagramm, Flächendiagramm, Balkendiagramm, Säulendiagramm, Liniendiagramm, Punktdiagramm, Zeitdiagramm
Reihenspalten Die Spalten, die zum Kategorisieren von Daten in verschiedene Datenreihen verwendet werden. Anomalie-Diagramm, Flächendiagramm, Balkendiagramm, Säulendiagramm, Liniendiagramm, Punktdiagramm, Zeitdiagramm
Kategoriespalte Die Spalte, die Datenkategorien bestimmt. Trichterdiagramm, Wärmekarte, Kreisdiagramm
Bezeichnungsspalte Weist jedem Slot Etiketten mithilfe der vorgesehenen Spalte zu. Multi-Stat
Wertspalte Die Spalte, die Daten für die Visualisierung bereitstellt. Trichterdiagramm, Multi Stat
Wert Die numerische Spalte, die als primäre Variable für das Diagramm dient. Wärmebild
Numerische Spalte Die Spalte, die den numerischen Wert für die Datenkategorie bereitstellt. Kreisdiagramm
Standort bestimmen durch Bestimmt die Methode, die verwendet wird, um den Standort zu definieren: Infer, Breitengrad und Längengrad oder Geo-Punkt. Karte
Datenreihenfarben Farbpalette Passt die Farben an, die in der Visualisierung dargestellt werden. Anomaliediagramm, Flächendiagramm, Balkendiagramm, Säulendiagramm, Liniendiagramm, Kreisdiagramm, Streudiagramm, Zeitdiagramm, Zeitreihendiagramm
Anzeigeoptionen Sortieren nach So ordnen Sie die Ergebnisse im Diagramm an: Name, Größe oder Keine. Kreisdiagramm
Top N Option, nur Abschnitte für die obersten n Werte im Diagramm anzuzeigen. Kreisdiagramm
Allgemein Bildschirmausrichtung Bestimmt die Ausrichtung der Anzeige: Horizontal oder vertikal. Multi-Stat
Textgröße Bestimmt die Größe des Texts: Empfohlen, Klein oder Groß. Multi Stat, Stat
Visuelles Format Bestimmt das Format für das Diagramm. Bei Bereichs-, Balken- und Säulendiagrammen kann das Format Standard, gestapelt oder gestapelt 100 % sein. Bei Kreisdiagrammen kann das Format Torten- oder Donut-Form sein. Flächendiagramm, Balkendiagramm, Säulendiagramm, Kreisdiagramm
Layout Steckplatzkonfiguration Passt das Rasterlayout mit Optionen an, die zwischen 1 Spalte und 1 Zeile (1 Steckplatz) bis zu 5 Spalten und 5 Zeilen (25 Steckplätze) reichen. Multi-Stat
Legende Ausblenden oder Anzeigen Blendet eine Legende zur Erläuterung von Datenreihen im Diagramm aus oder zeigt sie an. Anomalie-Diagramm, Bereichsdiagramm, Balkendiagramm, Säulendiagramm, Multi-Stat, Punktdiagramm, Zeit-Diagramm
Größe Ausblenden oder Anzeigen Schaltet die Größe für die Kartenpunkte ein oder aus. Karte
Größenspalte Die Spalte, die verwendet wird, um die Größe des Kartenpunkts zu bestimmen. Karte
URLs Link auf Spalte anwenden Wenn diese Option aktiviert ist, wird die Auswahl eines Werts in dieser Spalte auf die in der URL-Spalte angegebene URL verwiesen. Tabelle
URL-Spalte Die Spalte, die URL-Werte enthält. Tabelle
X-Achse Bezeichnung Legt eine benutzerdefinierte Beschriftung für die horizontale Achse fest. Anomalie-Diagramm, Bereichsdiagramm, Balkendiagramm, Säulendiagramm, Multi-Stat, Punktdiagramm, Zeit-Diagramm
Vertikaler Linienwert Gibt einen Wert auf der horizontalen Achse für vertikale Bezugslinien an. Anomalie-Diagramm, Bereichsdiagramm, Balkendiagramm, Säulendiagramm, Multi-Stat, Punktdiagramm, Zeit-Diagramm
X-Achsenskala Passt die Skalierung der horizontalen Achse auf linear oder logarithmisch an. Anomalie-Diagramm, Bereichsdiagramm, Balkendiagramm, Multi-Stat, Punktdiagramm, Tabelle, Zeit-Diagramm
y-Achse Bezeichnung Legt eine benutzerdefinierte Beschriftung für die vertikale Achse fest. Anomalie-Diagramm, Bereichsdiagramm, Balkendiagramm, Säulendiagramm, Multi-Stat, Punktdiagramm, Zeit-Diagramm
Höchstwert Definiert den Maximalwert auf der vertikalen Achse. Anomalie-Diagramm, Bereichsdiagramm, Balkendiagramm, Säulendiagramm, Multi-Stat, Punktdiagramm, Zeit-Diagramm
Mindestwert Definiert den Minimalwert auf der vertikalen Achse. Anomalie-Diagramm, Bereichsdiagramm, Balkendiagramm, Säulendiagramm, Multi-Stat, Punktdiagramm, Zeit-Diagramm
Bezugslinien Markiert einen Wert im Diagramm als Referenzlinie für visuelle Anleitungen. Anomalie-Diagramm, Bereichsdiagramm, Balkendiagramm, Säulendiagramm, Multi-Stat, Punktdiagramm, Zeit-Diagramm

Datenreihenfarben

Datenreihenfarben bieten Ihnen direkte Kontrolle darüber, wie Farben auf Ihre visuellen Elemente angewendet werden. Anstatt sich auf automatische Farbzuweisungen zu verlassen, weisen Sie jeder Datenreihe spezifische Farben zu, um Bedeutung zu vermitteln und Konsistenz in Ihren Dashboards aufrechtzuerhalten.

Mithilfe von Datenreihenfarben können Sie:

  • Weisen Sie jeder Datenreihe Farben direkt zu.

  • Das System wird standardmäßig mit absichtlichen Auswahlmöglichkeiten außer Kraft setzen.

  • Sorgen Sie für eine einheitliche Farbkonsistenz für visuelle Elemente und Dashboards.

Dieses Feature wird für die folgenden visuellen Typen unterstützt: Anomaliediagramm, Flächendiagramm, Balkendiagramm, Säulendiagramm, Liniendiagramm, Kreisdiagramm, Punktdiagramm und Zeitdiagramm.

So konfigurieren Sie Datenreihenfarben:

  1. Wählen Sie im oberen Menü Anzeigen aus, und ändern Sie den Modus in Bearbeiten.

  2. Wählen Sie auf der Kachel, die Sie anpassen möchten, das Symbol "Bearbeiten" aus.

  3. Erweitern Sie auf der Registerkarte "Visuell " des Formatierungsbereichs den Abschnitt " Datenreihenfarben ".

  4. Wählen Sie eine Farbe für jede Datenreihe in Ihrem visuellen Element aus.

  5. Wählen Sie "Änderungen übernehmen" aus, um Ihre Einstellungen zu speichern.

Screenshot des Dashboards mit der Konfiguration von Datenreihenfarben im visuellen Seitenbereich.

Wenn Sie Farben absichtlich zuweisen, können Betrachter visuelle Elemente auf einen Blick interpretieren, ohne Legenden oder Beschriftungen lesen zu müssen. Erwägen Sie die Verwendung von Farben, die den Standards Ihrer Organisation entsprechen oder die natürlich die Bedeutung jeder Datenreihe vermitteln, z. B. Rot für kritische Zustände oder Grün für gesunde Metriken.

Visuelle Zeitreihen (Vorschau)

Verwenden Sie das Visual „Zeitreihe“, um zeitbezogene Daten für mehrere Kennzahlen und Kategorien anzuzeigen. Es zeichnet numerische Werte im Laufe der Zeit und erleichtert die Identifizierung von Trends, Mustern und Anomalien.

Erstellen Sie eine Zeitreihenvisualisierung

Von Bedeutung

Stellen Sie sicher, dass Ihre Daten eine Zeitstempelspalte und mindestens eine numerische Wertspalte enthalten, um Trends im Laufe der Zeit zu visualisieren.

So erstellen und konfigurieren Sie eine Zeitreihenanzeige in Ihrem Azure Data Explorer-Dashboard:

  1. Wählen Sie im oberen Menü Anzeigen aus, und ändern Sie den Modus in Bearbeiten.

  2. Wählen Sie das Symbol "Bearbeiten" auf dem visuellen Element aus, das Sie anpassen möchten.

  3. Öffnen Sie im Bereich "Visuelle Formatierung " den visuellen Typ , und wählen Sie "Zeitreihe" aus.

    Screenshot des Visualisierungsbereichs mit der Option

  4. Konfigurieren Sie im Abschnitt "Daten " die folgenden Eigenschaften:

    • Zeitspalte (X-Achse):Wählen Sie die Zeitstempelspalte aus, die Zeitintervalle auf der horizontalen Achse darstellt.

    • Gemessene Daten (Y-Achse): Wählen Sie ein oder mehrere numerische Felder aus, die über einen Zeitraum auf der vertikalen Achse dargestellt werden sollen.

    • Entitäten und Kennzahlen (optional): Wählen Sie kategoriale Felder aus, um Ihre Daten in mehrere Datenreihen zu gruppieren.

    Screenshot des Konfigurationsbereichs für Zeitreihen.

  5. Passen Sie Ihr Diagramm weiter an, indem Sie Eigenschaften konfigurieren, z. B.:

    • Skalierung der Y-Achse:

      • Global (gemeinsame Skala für alle Diagramme)
      • Getrennt (unabhängige Skalen pro Diagramm)
      • Adaptive (reduziert die Auswirkungen von Ausreißern)
    • Farben: Zuweisen von Farben aus einer Palette oder pro Datenreihe

    • Achsenskalierung: Wechseln zwischen linearer und logarithmischer Skalierung für unterschiedliche Datenverteilungen.

    • Zoomverhalten: Aktivieren Sie "Schwenken und Zoomen" für die interaktive Erkundung.

  6. Wählen Sie "Fertig" aus, um Ihre Einstellungen zu speichern und zum Dashboard zurückzukehren.

  7. Im visuellen Element im Dashboard können Sie mit der Zeitreihe interagieren, um Ihre Daten zu untersuchen:

    • Verwenden Sie den Bereich Entitäten und Kennzahlen, um festzulegen, welche Daten angezeigt werden:

      • Suchen Sie nach einer bestimmten Datenreihe anhand des Namens.
      • Erweitern oder Reduzieren von Gruppen in der Entitätshierarchie.
      • Markieren Sie Kontrollkästchen oder heben Sie deren Markierung auf, um Datenreihen anzuzeigen oder auszublenden.
      • Ordnen Sie Datenreihen neu an, um die Anzeige- und Legendenreihenfolge zu steuern.

      Diese Auswahl ändert die zugrunde liegende Abfrage nicht.

    • Passen Sie den Zeitraum mithilfe der Steuerelemente der Zeitleiste an:

      • Ziehen Sie den Zeitschieberegler, um ihn in bestimmten Intervallen zu vergrößern oder zu verkleineren.
      • Geben Sie Start- und Endzeiten ein, um einen genauen Bereich zu definieren.

      Wenn mehrere Messwerte angezeigt werden, bleiben alle Diagramme mit dem ausgewählten Zeitraum synchron.

      Screenshot der Steuerelemente der Zeitleiste in einem Zeitreihendiagramm.

Einbetten von Bildern

Sie können Bilder in Ihre Dashboardkacheln einbetten, indem Sie Markdown-Text verwenden.

Weitere Informationen zu GitHub Flavored Markdown finden Sie unter GitHub Flavored Markdown Spec.

  1. Öffnen Sie ein Dashboard.

  2. Wählen Sie im oberen Menü die Option +Text hinzufügen> aus, um eine Textkachel zu öffnen.

    Screenshot des Dashboard-Menübands mit dem Dropdownmenü der Schaltfläche

  3. Fügen Sie im Abfragebereich die URL eines Bilds ein, das sich in einem Bildhostingdienst befindet, indem Sie die folgende Syntax verwenden:

    ![](URL)
    

    Das Bild wird in der Vorschau der Kachel gerendert.

    Screenshot des Dashboard-Abfragebereichs mit Bildsyntax im Markdowntext.

  4. Wählen Sie im oberen Menü Änderungen übernehmen aus, um die Kachel zu speichern.

    Screenshot des Dashboardabfragebereichs mit dem gerenderten Bild.

Weitere Informationen zur Bildsyntax in GitHub Flavored Markdown finden Sie unter Bilder.