Tipi di visualizzazione dei riquadri

I riquadri sono un modo utile per presentare i dati di riepilogo nelle cartelle di lavoro. L'esempio seguente mostra un caso d'uso comune di riquadri con un riepilogo a livello di app sopra una griglia dettagliata.

I riquadri della cartella di lavoro supportano la visualizzazione di elementi come titolo, sottotitolo, testo di grandi dimensioni, icone, sfumature basate su metriche, linee Spark o barre e piè di pagina.

Aggiungi un riquadro

1. Passare alla modalità di modifica della cartella di lavoro selezionando il pulsante Modifica dalla barra degli strumenti.

2. Selezionare Aggiungi>Aggiungi query per aggiungere un controllo della query di log alla cartella di lavoro.

3. Per Tipo di query selezionare Log. In Tipo di risorsa selezionare, ad esempio, Application Insights e selezionare le risorse di destinazione.

4. Usare l'editor di query per immettere KQL per l'analisi.

   requests
   | summarize Requests = count() by appName, name
   | top 7 by Requests desc
   

5. Impostare Dimensioni su Intere.

6. Impostare Visualizzazione su Riquadri.

7. Selezionare il pulsante Impostazioni riquadro per aprire il riquadro Impostazioni riquadro:

   1. In Titolo, impostare:
      • Usa colonna: name
   2. In Sinistra impostare:
      • Usa colonna: Requests
      • Renderer colonna: Big Number
      • Tavolozza dei colori: Green to Red
      • Valore minimo: 0
   3. In Basso impostare:
      • Usa colonna: appName

8. Selezionare il pulsante Salva e Chiudi nella parte inferiore del riquadro.

I riquadri in modalità di lettura:

Linee Spark nei riquadri

1. Passare la cartella di lavoro alla modalità di modifica selezionando Modifica sulla barra degli strumenti.

2. Aggiungere un parametro di intervallo di tempo denominato TimeRange.

   1. Selezionare Aggiungi>Aggiungi parametri.
   2. Nel controllo dei parametri selezionare Aggiungi parametro.
   3. Nel campo Nome parametro immettere TimeRange. In Tipo di parametro scegliere Time range picker.
   4. Selezionare Salva nella parte superiore del riquadro e quindi selezionare Fine modifica nel controllo dei parametri.

3. Selezionare Aggiungi>Aggiungi query per aggiungere un controllo query di log nel controllo dei parametri.

4. Per Tipo di query selezionare Log. In Tipo di risorsa selezionare, ad esempio, Application Insights e selezionare le risorse di destinazione.

5. Usare l'editor di query per immettere KQL per l'analisi.

   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. Selezionare Esegui query. Impostare TimeRange su un valore di propria scelta prima di eseguire la query.

7. Impostare Visualizzazione su Riquadri.

8. Impostare Dimensioni su Intere.

9. Selezionare Impostazioni riquadro:

   1. In Riquadro impostare:
      • Usa colonna: name
   2. In Sottotitolo impostare:
      • Usa colonna: appNAme
   3. In Sinistra impostare:
      • Usa colonna: Requests
      • Renderer colonna: Big Number
      • Tavolozza dei colori: Green to Red
      • Valore minimo: 0
   4. In Basso impostare:
      • Usa colonna: Trend
      • Renderer colonna: Spark line
      • Tavolozza dei colori: Green to Red
      • Valore minimo: 0

10. Selezionare Salva e Chiudi nella parte inferiore del riquadro.

Dimensioni riquadro

È possibile impostare la larghezza del riquadro nelle impostazioni del riquadro:

• fixed (predefinito)

  Il comportamento predefinito dei riquadri deve essere la stessa larghezza fissa, circa 160 pixel di larghezza, più lo spazio intorno ai riquadri.

  

• auto

  Ogni titolo si riduce o aumenta in base al contenuto. I riquadri sono limitati alla larghezza della visualizzazione dei riquadri (senza scorrimento orizzontale).

  

• full size

  Ogni titolo ha sempre la larghezza intera della visualizzazione dei riquadri, con un titolo per riga.

  

Passaggi successivi

• I riquadri supportano anche il renderer della barra composita. Per altre informazioni, vedere la documentazione sulla barra composita.
• Per altre informazioni sui parametri temporali, ad esempio TimeRange, vedere la documentazione relativa ai parametri temporali della cartella di lavoro.