Condividi tramite


Personalizzare gli oggetti visivi della dashboard in tempo reale

I dashboard in tempo reale sono una raccolta di riquadri che offrono una rappresentazione visiva supportata da una query sottostante in Linguaggio di query Kusto (KQL). Questo articolo illustra come modificare le visualizzazioni e le query di un riquadro dashboard Real-Time. Offre anche una panoramica delle proprietà di personalizzazione specifiche di ogni tipo di visualizzazione.

Real-Time Dashboard supporta tutte le visualizzazioni che è possibile creare nel contesto dell'operatore di rendering, insieme agli oggetti visivi specifici del dashboard.

Prerequisiti

Personalizzare un riquadro del dashboard

Per apportare modifiche al dashboard:

  1. Nel menu in alto, selezionare Visualizzazione e attivare la modalità di Modifica.

  2. Nel riquadro da personalizzare selezionare l'icona Modifica . Modificare la query sottostante o le proprietà di visualizzazione.

  3. Selezionare Applica modifiche per salvare le modifiche e tornare al dashboard.

Proprietà di personalizzazione

La tabella seguente descrive le proprietà di personalizzazione disponibili, categorizzate in ordine alfabetico per sezione e specifica gli oggetti visivi che supportano ogni proprietà.

Sezione Proprietà Descrizione Tipi di oggetti visivi
Colori Tavolozza di colori Determina il set di colori da utilizzare per la mappa termica. Heatmap (Mappa termica)
Formattazione condizionale Nascondi o Mostra Opzione di attivazione/disattivazione per disattivare o attivare la formattazione condizionale. Per altre informazioni, vedere Applica la formattazione condizionale. Grafico anomalie, Grafico ad aree, Grafico a barre, Istogramma, MultiStat, Grafico a dispersione, Tabella, Grafico temporale
Dati Colonne Y Colonne che forniscono dati per l'asse verticale. Grafico delle anomalie, Grafico ad aree, Grafico a barre, Grafico a colonne, Grafico a linee, Grafico a dispersione, Grafico temporale
Colonna X Colonna che fornisce dati per l'asse orizzontale. Grafico delle anomalie, Grafico ad aree, Grafico a barre, Grafico a colonne, Grafico a linee, Grafico a dispersione, Grafico temporale
Serie di colonne Colonne utilizzate per classificare i dati in serie diverse. Grafico delle anomalie, Grafico ad aree, Grafico a barre, Grafico a colonne, Grafico a linee, Grafico a dispersione, Grafico temporale
Colonna categoria Colonna che determina le categorie di dati. Grafico a imbuto, Mappa termica, Grafico a torta
Colonna di etichetta Assegna etichette a ogni slot utilizzando la colonna specificata. Multistat
Colonna valori Colonna che fornisce i dati per la visualizzazione. Grafico a imbuto, Statistiche multiple
valore Colonna numerica che funge da variabile primaria per la mappa termica. Heatmap (Mappa termica)
Colonna numerica Colonna che fornisce il valore numerico per la categoria di dati. Grafico a torta
Definire le posizioni in base a Determina il metodo usato per definire la posizione: Infer, Latitudine e longitudine o Punto geografico. Mappa
Colori delle serie di dati Tavolozza di colori Personalizza i colori presentati nella visualizzazione. Grafico anomalie, Grafico ad aree, Grafico a barre, Istogramma, Grafico a linee, Grafico a torta, Grafico a dispersione, Grafico temporale
Opzioni di visualizzazione Ordina per Come ordinare i risultati nel grafico: Nome, Dimensioni o Nessuno. Grafico a torta
Primi N Opzione per visualizzare solo le sezioni per i primi n valori del grafico. Grafico a torta
Generali Orientamento dello schermo Determina l'orientamento dello schermo: orizzontale o verticale. Multistat
Dimensioni del testo Determina le dimensioni del testo: consigliato, piccolo o grande. Multi Stat, Statistiche
Formato visivo Definisce il formato del grafico. Per i grafici a superficie, a barre e a colonne, il formato può essere standard, impilato o impilato al 100%. Per i grafici a torta, il formato può essere a torta o ad anello. Grafico ad area, Grafico a barre, Istogramma, Grafico a torta
Layout Configurazione dello slot Personalizza il layout della griglia con opzioni che vanno da 1 colonna a 1 riga (1 slot) a 5 colonne di 5 righe (25 slot). Multistat
Legenda Nascondi o Mostra Nasconde o mostra una legenda che spiega le serie di dati nel grafico. Grafico delle anomalie, Grafico ad area, Grafico a barre, Istogramma a colonne, Multistat, Grafico a dispersione, Grafico temporale
Dimensione Nascondi o Mostra Attiva o disattiva il ridimensionamento dei punti della mappa. Mappa
Dimensioni colonna Colonna utilizzata per determinare le dimensioni del punto della mappa. Mappa
URL Applica collegamento alla colonna Se abilitata, la selezione di un valore in questa colonna indirizza all'URL specificato nella colonna URL. Tabella
Colonna URL Colonna contenente i valori URL. Tabella
Asse X Etichetta Imposta un'etichetta personalizzata per l'asse orizzontale. Grafico delle anomalie, Grafico ad area, Grafico a barre, Istogramma a colonne, Multistat, Grafico a dispersione, Grafico temporale
Valore linea verticale Specifica un valore sull'asse orizzontale per le linee di riferimento verticali. Grafico delle anomalie, Grafico ad area, Grafico a barre, Istogramma a colonne, Multistat, Grafico a dispersione, Grafico temporale
Scala asse X Regola la scala dell'asse orizzontale in modo lineare o logaritmico. Grafico anomalie, Grafico ad aree, Grafico a barre, Multistat, Grafico a dispersione, Tabella, Grafico temporale
Asse Y Etichetta Imposta un'etichetta personalizzata per l'asse verticale. Grafico delle anomalie, Grafico ad area, Grafico a barre, Istogramma a colonne, Multistat, Grafico a dispersione, Grafico temporale
Valore massimo Definisce il valore massimo sull'asse verticale. Grafico delle anomalie, Grafico ad area, Grafico a barre, Istogramma a colonne, Multistat, Grafico a dispersione, Grafico temporale
Valore minimo Definisce il valore minimo sull'asse verticale. Grafico delle anomalie, Grafico ad area, Grafico a barre, Istogramma a colonne, Multistat, Grafico a dispersione, Grafico temporale
Linea di riferimento Contrassegna un valore nel grafico come linea di riferimento per indicazioni visive. Grafico delle anomalie, Grafico ad area, Grafico a barre, Istogramma a colonne, Multistat, Grafico a dispersione, Grafico temporale

Colori delle serie di dati

Usando i colori delle serie di dati, è possibile controllare la modalità di applicazione dei colori agli oggetti visivi. Anziché basarsi sulle assegnazioni automatiche dei colori, assegnare colori specifici a ogni serie di dati per trasmettere significato e mantenere la coerenza tra i dashboard.

Usando i colori delle serie di dati, è possibile:

  • Assegnare i colori direttamente a ogni serie di dati.

  • Eseguire l'override delle impostazioni predefinite del sistema con scelte intenzionali.

  • Mantenere la coerenza dei colori tra oggetti visivi e dashboard.

Questa funzionalità è supportata per i seguenti tipi di oggetto visivo: Grafico anomalie, Grafico ad aree, Grafico a barre, Grafico a colonne, Grafico a linee, Grafico a torta, Grafico a dispersione e Grafico temporale.

Per configurare i colori delle serie di dati:

  1. Nel menu in alto, selezionare Visualizzazione e attivare la modalità di Modifica.

  2. Nel riquadro da personalizzare selezionare l'icona Modifica .

  3. Nella scheda Oggetto visivo del riquadro di formattazione espandere la sezione Colori serie .

  4. Seleziona un colore per ogni serie di dati nella visualizzazione.

  5. Selezionare Applica modifiche per salvare le impostazioni.

Screenshot della sezione Colori serie nella scheda Visualizzazioni.

Quando si assegnano i colori intenzionalmente, i visualizzatori possono interpretare gli oggetti visivi a colpo d'occhio senza dover leggere legende o etichette. È consigliabile usare colori allineati agli standard dell'organizzazione o che in modo naturale trasmettono il significato di ogni serie, ad esempio il rosso per gli stati critici o il verde per le metriche integre.

Incorporare immagini

È possibile incorporare immagini nei riquadri del dashboard usando il testo Markdown.

Per altre informazioni su GitHub Flavored Markdown, vedere Specifica GitHub Flavored Markdown.

  1. Aprire un Dashboard in tempo reale.

  2. Nel menu in alto selezionare Nuovo riquadro di testo per aprire un riquadro di testo.

    Screenshot del menu Home in un dashboard in tempo reale. L'opzione Aggiungi testo è evidenziata.

  3. Nel riquadro query incollare l'URL di un'immagine che si trova in un servizio di hosting di immagini usando la sintassi seguente:

    ![](URL)
    

    L'immagine viene visualizzata nell'anteprima del riquadro.

    Screenshot del riquadro query del dashboard che mostra la sintassi dell'immagine nel testo markdown.

  4. Nel menu in alto selezionare Applica modifiche per salvare il riquadro.

Per altre informazioni sulla sintassi delle immagini in GitHub Flavored Markdown, vedere Immagini.