Blocco Istogramma
Raggruppamento automatico in intervalli di valori grezzi — forniscigli numeri singoli, non bucket già conteggiati, e sarà lui a determinare la distribuzione per te.
Come funziona
A differenza di ogni altro grafico "fratello" di questa famiglia, un istogramma non ha alcuna forma di inserimento a categoria o serie. L'elenco righe è una singola colonna Valore di numeri grezzi, uno per riga — un punteggio di un test per studente, un totale d'ordine per transazione, un tempo di risposta per richiesta. Il raggruppamento in intervalli avviene al momento del rendering, non al momento dell'inserimento: non digiti mai tu stesso un intervallo o un conteggio. Una volta raggruppato, un istogramma viene disegnato e renderizzato esattamente come un grafico a barre a serie singola — riutilizza internamente la stessa pipeline di rasterizzazione del grafico a barre. Perciò eredita lo stesso contratto di PNG renderizzato più tabella dei dati sempre visibile a cui si impegna ogni grafico di questa famiglia: l'immagine non è mai l'unico posto in cui vivono i conteggi dei bucket.
Controlli approssimativamente a quanti intervalli puntare tramite Numero di intervalli (2–20). Il blocco divide l'intervallo dal minimo al massimo dei tuoi dati in quel numero di bucket di uguale ampiezza e conta quanti valori inseriti ricadono in ciascuno. Se ogni valore che hai digitato è identico, l'intervallo è zero e non c'è nulla da dividere. Invece di disegnare il numero di intervalli richiesto come una sola barra reale e il resto come barre vuote, l'istogramma collassa in un unico intervallo che contiene tutti i valori. Una distribuzione con esattamente un valore distinto è intrinsecamente una sola barra, non N-1 bucket vuoti ai suoi lati.
La tabella dei dati sotto l'immagine elenca l'intervallo esatto di ogni bucket (formattato come "inizio–fine") insieme al suo conteggio. È l'unico posto in cui leggere insieme i confini precisi dei bucket e i conteggi — l'immagine comunica la forma della distribuzione a colpo d'occhio, ma non etichetta ogni barra quando il numero di intervalli sale verso l'estremità superiore dell'intervallo consentito.
Le celle vuote o non numeriche nella colonna Valore vengono scartate prima del raggruppamento (una cella vuota non è uno zero reale); vengono lette fino a 500 valori inseriti, un margine generoso per qualunque cosa digitata a mano.
Questo blocco funziona solo con righe inserite manualmente — non ha una modalità di associazione a fonte dati o a risposte di campagna. Vedi Associare i grafici a dati reali per sapere quali quattro tipi di grafico supportano l'associazione.
Campi configurabili:
- Titolo del grafico — mostrato sopra l'immagine.
- Valori — l'elenco righe, una singola colonna Valore, un numero grezzo per riga.
- Numero di intervalli — da 2 a 20, quanti bucket di uguale ampiezza puntare a ottenere.
- Colore delle barre — sovrascrive il colore predefinito della palette per ogni intervallo.
- Colore di sfondo, padding, bordo, raggio del bordo della card.
- Coppie indipendenti di colore/dimensione carattere per il titolo e per il testo di legenda/tabella.
Esempi
Subject
This week's order value spread
Un digest dei risultati di un quiz può visualizzare in istogramma il punteggio grezzo di ogni studente su 100, mostrando immediatamente se la classe si è concentrata intorno a un voto di sufficienza o si è divisa in due gruppi. Un report di operazioni di supporto potrebbe visualizzare in istogramma i tempi di risposta in minuti sui ticket della settimana, rendendo evidente a colpo d'occhio se la maggior parte dei ticket si chiude rapidamente con una lunga coda di eccezioni, oppure si concentra vicino a un limite di SLA. Un riepilogo e-commerce può visualizzare in istogramma i valori degli ordini per vedere le fasce di prezzo naturali in cui acquistano i clienti, senza decidere in anticipo quali dovrebbero essere quelle fasce — è il blocco stesso a ricavarle dai totali grezzi.
Come appare il fallback statico
<div style="margin:12px 0;padding:16px;background-color:#ffffff;border-radius:8px">
<p style="margin:0 0 8px;font-weight:600;font-size:15px;color:#111827">Quiz scores</p>
<img src="https://mailinapp.com/api/analytics/chart?d=eyJ0eXBlIjoi...&s=3f9a2b1c..." width="560" height="280"
alt="Histogram: 60–68: 3, 68–76: 5, 76–84: 9, 84–92: 7, 92–100: 4"
style="display:block;max-width:100%;height:auto;margin:8px 0" />
<table style="width:100%;border-collapse:collapse;margin-top:4px">
<tr>
<th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">Category</th>
<th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">Count</th>
</tr>
<tr>
<td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">76–84</td>
<td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">9</td>
</tr>
</table>
</div>
L'intervallo esatto e il conteggio di ogni bucket sono una semplice riga di tabella — gli stessi numeri riassunti nel testo alt e visualizzati dalle barre.