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 riepilogo a livello di app sopra una griglia dettagliata.

Screenshot that shows a tile summary view.

I riquadri della cartella di lavoro supportano 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 barra degli strumenti.

  2. Selezionare Aggiungi>aggiungi query per aggiungere un controllo 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 Pieno.

  6. Impostare Visualizzazione su Riquadri.

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

    1. In Titolo impostare:
      • Usare la colonna: name
    2. In Left impostare:
      • Usare la colonna: Requests
      • Renderer colonne: Big Number
      • Tavolozza dei colori: Green to Red
      • Valore minimo: 0
    3. In Basso impostare:
      • Usare la colonna: appName
  8. Selezionare il pulsante Salva e Chiudi nella parte inferiore del riquadro.

Screenshot that shows a tile summary view with query and tile settings.

I riquadri in modalità di lettura:

Screenshot that shows a tile summary view in read mode.

Linee Spark nei riquadri

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

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

    1. Selezionare 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 Pieno.

  9. Selezionare Impostazioni riquadro:

    1. In Riquadro impostare:
      • Usare la colonna: name
    2. In Subtile impostare:
      • Usare la colonna: appNAme
    3. In Left impostare:
      • Usare la colonna:Requests
      • Renderer colonne: Big Number
      • Tavolozza dei colori: Green to Red
      • Valore minimo: 0
    4. In Basso impostare:
      • Usare la colonna:Trend
      • Renderer colonne: Spark line
      • Tavolozza dei colori: Green to Red
      • Valore minimo: 0
  10. Selezionare Salva e Chiudi nella parte inferiore del riquadro.

Screenshot that shows tile visualization with a spark line.

Dimensioni dei riquadri

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

    Screenshot that shows fixed-width tiles.

  • auto

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

    Screenshot that shows auto-width tiles.

  • full size

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

    Screenshot that shows full-size-width tiles.

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 di ora, ad esempio TimeRange, vedere la documentazione relativa ai parametri temporali della cartella di lavoro.