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

• Un'area di lavoro con una capacità abilitata per Microsoft Fabric
• Autorizzazioni dell'editor in un Dashboard in tempo reale

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à.

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 tipi di oggetto visivo seguenti: Grafico anomalie, Grafico ad aree, Grafico a barre, Istogramma, Grafico a linee, Grafico a torta, Grafico a dispersione, Grafico temporale e Serie temporale.

Per configurare i colori delle serie di dati:

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

2. Selezionare l'icona Modifica nell'oggetto visivo da personalizzare.

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.

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.

Grafico a serie temporale (anteprima)

Usa il visual Serie temporali per visualizzare dati temporali relativi a più misure e categorie. Traccia i valori numerici nel tempo, semplificando l'identificazione di tendenze, modelli e anomalie.

Crea un oggetto visivo per serie temporali

Per creare e configurare un oggetto visivo Time series nel dashboard di Real-Time:

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

2. Selezionare l'icona Modifica nell'oggetto visivo da personalizzare.

3. Nel riquadro Formattazione visiva aprire Tipo di oggetto visivo e selezionare Serie temporale.

   

4. Nella sezione Dati configurare le proprietà seguenti:

   • Colonna ora (asse X): selezionare la colonna timestamp che rappresenta gli intervalli di tempo sull'asse orizzontale.

   • Dati misurati (asse Y): selezionare uno o più campi numerici da tracciare nel tempo sull'asse verticale.

   • Entità e misure (facoltativo): selezionare campi categorici per raggruppare i dati in più serie.

   

5. Usare il pannello Entities and Measures (Entità e misure ) per controllare quali dati vengono visualizzati:

   • Cercare una serie specifica in base al nome.
   • Espandere o comprimere i gruppi nella gerarchia di entità.
   • Selezionare o deselezionare le caselle di controllo per visualizzare o nascondere le serie.
   • Riordinare le serie per controllare l'ordine di visualizzazione e legenda.

   Questa selezione non modifica la query sottostante.

6. Modificare l'intervallo di tempo usando i controlli sequenza temporale:

   • Trascinare il dispositivo di scorrimento del tempo per ingrandire o ridurre gli intervalli specifici.
   • Immettere l'ora di inizio e di fine per definire un intervallo preciso.

   Quando vengono visualizzate più misure, tutti i grafici rimangono sincronizzati con l'intervallo di tempo selezionato.

   

7. Personalizzare ulteriormente il grafico configurando proprietà come:

   • Ridimensionamento dell'asse Y:

     • Globale (scalabilità condivisa tra grafici)
     • Separate (scale indipendenti per ciascun grafico)
     • Adattivo (riduce l'impatto degli outlier)

   • Colori: Assegna colori da una tavolozza o per serie.

   • Scala asse: Passare dalla scala lineare a quella logaritmica per distribuzioni di dati diverse.

   • Comportamento dello zoom: Abilitare panoramica e zoom per l'esplorazione interattiva.

8. Selezionare Fine per salvare le impostazioni e tornare al dashboard.

Visualizzazione dei KPI

Un riquadro KPI visualizza un singolo valore numerico derivato da una query come indicatore visivo. Ti aiuta a valutare rapidamente la salute o lo stato di una metrica. Usa le tessere KPI per monitorare situazioni in cui devi rispondere a domande come: "Questo valore è salutare o problematico?" "È sopra o sotto un obiettivo di base?"

Modalità di visualizzazione

Le tessere KPI supportano quattro modalità di visualizzazione:

Aggiungi un riquadro KPI

1. Nella tua dashboard, passa alla modalità Modifica .

2. Nella barra del menu in alto, seleziona Aggiungi immagine e poi seleziona KPI.

   

3. Configura le impostazioni dei KPI:

   • Tipo di visualizzazione: Scegli tra Barra, Ciambella, Indicatore e Numero.
   • Dati: Seleziona il campo numerico dalla tua query per visualizzarlo.
   • Formato di valore: Scegli Auto, decimali, separatore migliaia o notazione compatta (ad esempio, 1.2K).
   • Formattazione condizionale: Imposta soglie per definire i range sani, di avviso e critici per il tuo KPI. Puoi anche scegliere se valori più alti o più bassi sono considerati peggiori.
   • Linea di riferimento: opzionalmente, aggiungi una linea di riferimento di riferimento per indicare un valore target o atteso.

   

4. Seleziona Fine per aggiungere il riquadro al dashboard.

5. Seleziona il pulsante Salva per salvare la dashboard.

Stati soglia KPI

Le tessere KPI mostrano uno dei tre stati di soglia basati sul valore corrente e sulla configurazione della soglia:

Puoi configurare la direzione della soglia. Impostare Più alto è peggiore per metriche come tasso di errore o latenza, oppure Basso è peggio per metriche come la produttività o la disponibilità. Per garantire l'accessibilità, gli stati di soglia utilizzano anche motivi di riempimento (strisce o puntini) oltre al colore, in modo da essere distinguibili anche dagli utenti daltonici.

Rilevamento delle variazioni dei KPI

Le tile KPI utilizzano aggiornamenti guidati dagli eventi invece che il polling. Quando la sorgente dati riceve nuovi dati, il valore KPI si aggiorna automaticamente con un'animazione di transizione fluida di 300 ms. Se i nuovi dati non vengono ricevuti entro 60 secondi (configurabili nelle impostazioni delle tile), viene visualizzato un Data stal overlay con il timestamp dell'ultimo aggiornamento.

Ridimensionamento responsivo

Le tessere KPI adattano la loro disposizione in base alla dimensione delle piastrelle:

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 Aggiungi markdown per aprire un riquadro markdown.

   

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.

   

4. Nel menu in alto selezionare Fine per salvare il riquadro.

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

Contenuto correlato

• Applicare la formattazione condizionale negli oggetti visivi della Dashboard in tempo reale
• Risolvere i problemi di visualizzazione del dashboard in tempo reale