Nota
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare ad accedere o modificare le directory.
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare a modificare le directory.
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.
Tip
È possibile incorporare gli oggetti visivi del dashboard in tempo reale nella propria applicazione web tramite Fabric Embedded.
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:
Nel menu in alto, selezionare Visualizzazione e attivare la modalità di Modifica.
Nel riquadro da personalizzare selezionare l'icona Modifica . Modificare la query sottostante o le proprietà di visualizzazione.
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 delle anomalie, Grafico ad area, Grafico a barre, Grafico a colonne, KPI, Statistiche multiple, 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, KPI, 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 delle anomalie, Grafico ad area, Grafico a barre, Grafico a colonne, Grafico a linee, Grafico a torta, Grafico a dispersione, Grafico temporale, Grafico di serie temporali |
| 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. | Diagramma delle anomalie, grafico delle aree, diagramma a barre, diagramma a colonne, KPI. Multi Stat, grafico a dispersione, grafico nel tempo | |
| Valore minimo | Definisce il valore minimo sull'asse verticale. | Grafico delle anomalie, Grafico ad area, Grafico a barre, Grafico a colonne, KPI, Multi Stat, 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, Grafico a colonne, KPI, Multi Stat, 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 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:
Nel menu in alto, selezionare Visualizzazione e attivare la modalità di Modifica.
Selezionare l'icona Modifica nell'oggetto visivo da personalizzare.
Nella scheda Oggetto visivo del riquadro di formattazione espandere la sezione Colori serie .
Seleziona un colore per ogni serie di dati nella visualizzazione.
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.
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:
| Modalità | Descrizione | Migliore per |
|---|---|---|
| Misuratore | Un arco di 180° con un ago puntato verso il valore attuale | Dashboard di monitoraggio classici |
| Bar | Una barra orizzontale riempita per riflettere il valore corrente | Disposizioni orizzontali compatte |
| Donut | Un anello di progresso completo a 360° | Disposizioni delle piastrelle quadrate |
| Numero | Un numero grande formattato con colore soglia | Cruscotti densi |
Aggiungi un riquadro KPI
Nella tua dashboard, passa alla modalità Modifica .
Nella barra del menu in alto, seleziona Aggiungi immagine e poi seleziona KPI.
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.
Seleziona Fine per aggiungere il riquadro al dashboard.
Seleziona il pulsante Salva per salvare la dashboard.
Tip
Usa Copilot per creare e configurare le tile KPI dal linguaggio naturale. Ad esempio, prova con prompt come "Mostra l'uso della CPU come indicatore con soglie a 70 e 90"oppure "Crea un KPI per il tasso di errore con una base di 5%."
Stati soglia KPI
Le tessere KPI mostrano uno dei tre stati di soglia basati sul valore corrente e sulla configurazione della soglia:
| State | Colore predefinito | Descrizione |
|---|---|---|
| Bene | 🟢 Verde | Il valore è nell'intervallo normale. |
| Avvertimento | 🟡 Giallo | Il valore si sta avvicinando a un livello critico. |
| Critico | 🔴 Rosso | Il valore rientra nell'intervallo problematico. |
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:
| Dimensioni riquadro | Elementi renderizzati |
|---|---|
| Piccole (2×2 a 3×3) | Solo valore e colore di soglia. |
| Media (4×4 a 6×6) | Valore, etichetta, unità, colore soglia e marcatore di base. |
| Grandi (7×7 e superiori) | Visualizzazione completa con bande di soglia, tacche ed etichette della scala. |
Contenuto correlato
- Raccolta delle proprietà di personalizzazione visiva del dashboard in tempo reale
- Aggiungi una visualizzazione Markdown a una dashboard Real-Time
- Analisi delle serie temporali in Real-Time Dashboard
- Applicare la formattazione condizionale negli oggetti visivi della Dashboard in tempo reale
- Risolvere i problemi di visualizzazione del dashboard in tempo reale