I grafici a imbuto sono utili per comprendere gli eventi in un processo sequenziale, come le fasi dei potenziali clienti in una pipeline di vendita, il coinvolgimento in una campagna di marketing o il movimento dei visitatori in un sito web.
I grafici a imbuto sono spesso più efficaci quando la prima fase del processo è la più grande (ad esempio il 100%) e ogni fase successiva diminuisce da lì. Questi grafici mostrano il valore di ogni categoria variando l'altezza di ogni barra: i valori più grandi hanno barre più alte, mentre i valori più piccoli hanno barre più basse.
Creare un grafico a imbuto
Un grafico a imbuto è composto da un singolo insieme di numeri e un singolo insieme di etichette, che possono essere orientati:
- Verticalmente, utilizzando una o più dimensioni (etichette) e una misura (numeri)
- Orizzontalmente, utilizzando una singola riga con più misure (numeri) e intestazioni di colonna (etichette)
Il grafico può funzionare sia con i dati pivot che con quelli non pivot.
Se utilizzi più colonne di misure (più misure o una misura pivot) con più righe di dati, il grafico a imbuto controlla la prima riga e la prima colonna, quindi visualizza quella che produce più punti dati. Tuttavia, puoi utilizzare l'impostazione Orientamento per modificare il modo in cui l'imbuto legge la tabella dei dati e capovolgere gli assi.
I grafici a imbuto possono tracciare al massimo 50 barre. Se i dati contengono più di 50 righe o 50 colonne, utilizza l'opzione Limite di righe o Limite di colonne per limitare le righe a 50 o meno.
Per utilizzare una visualizzazione a imbuto, seleziona i puntini di sospensione (...) in una barra Visualizzazione di un'esplorazione e scegli Imbuto. Poi, seleziona l'opzione Modifica nella barra di visualizzazione per modificare il grafico.
Le opzioni potrebbero essere disattivate o nascoste in situazioni in cui sono in conflitto con altre impostazioni che hai scelto.
Opzioni della barra dei dati
Diverse opzioni nella barra Dati possono influire sia sulla visualizzazione sia sulla tabella dei dati.
Subtotali
Se la tabella dei dati contiene almeno due dimensioni, nella barra Dati viene visualizzata una casella di controllo Subtotali. I subtotali sono attualmente attivati solo per le visualizzazioni tabellari; la casella di controllo non è funzionale per altri tipi di visualizzazione.
Totali riga
Se il grafico contiene pivot, puoi aggiungere i totali riga al grafico selezionando la casella di controllo Totali riga nella barra Dati. Per ulteriori informazioni, consulta la pagina della documentazione Esplorazione dei dati in Looker, incluse informazioni su quando i totali non sono disponibili e sulle cose da considerare con i totali.
La freccia a destra della casella di controllo Totali riga consente di alternare il posizionamento della colonna dei totali tra il posizionamento predefinito all'estrema destra e un posizionamento più a sinistra, dopo le dimensioni e i calcoli tabulari delle dimensioni.
Totali
Puoi aggiungere i totali delle colonne per le misure e i calcoli tabulari selezionando Totali nella barra Dati. Per ulteriori informazioni, consulta la pagina della documentazione Esplorazione dei dati in Looker, incluse informazioni su quando i totali non sono disponibili e sulle cose da considerare con i totali.
Limite di colonne
Se la tabella dei dati contiene pivot, puoi aggiungere un limite di colonne al grafico inserendo un numero compreso tra 1 e 200 nella casella Limite di colonne. Le dimensioni, i calcoli tabulari delle dimensioni, le colonne dei totali riga e i calcoli tabulari delle misure al di fuori dei pivot non vengono conteggiati nel limite di colonne. Ogni gruppo pivot viene conteggiato come una colonna nel limite di colonne. Per ulteriori informazioni, consulta la pagina della documentazione Filtrare e limitare i dati.
Limite di righe
Puoi aggiungere un limite di righe al grafico inserendo un numero compreso tra 1 e 5000 nella casella Limite di righe nella scheda Dati. Se la query supera il limite di righe impostato, non puoi ordinare le colonne dei totali riga o dei calcoli tabulari.
Calcoli
Se disponi delle autorizzazioni appropriate, puoi aggiungere calcoli tabulari al grafico facendo clic sul pulsante Aggiungi calcolo nella scheda Dati. Per ulteriori informazioni, consulta la pagina della documentazione Utilizzare i calcoli tabulari.
Puoi anche utilizzare la sezione Campi personalizzati del selettore campi.
Opzioni del menu Assi
Etichetta asse sinistro
Attiva l'opzione Etichetta asse sinistro per applicare un'etichetta all'asse sinistro. Looker visualizza una casella in cui inserire il testo dell'etichetta.
Etichetta asse destro
Attiva l'opzione Etichetta asse destro per applicare un'etichetta all'asse destro. Looker visualizza una casella in cui inserire il testo dell'etichetta.
Modifica configurazione grafico
Il pulsante Modifica configurazione grafico nella parte inferiore del menu di visualizzazione apre l'editor di configurazione del grafico. Questo editor ti consente di modificare le visualizzazioni HighCharts esponendo determinati parametri JSON della visualizzazione, consentendo una personalizzazione approfondita. Queste personalizzazioni non interagiscono dinamicamente con i dati.
Il pulsante Modifica configurazione grafico è disponibile se disponi del ruolo Amministratore di Looker o dell'autorizzazione can_override_vis_config.
Per esempi di alcuni casi d'uso comuni, inclusi i seguenti esempi, consulta la sezione Esempi dell'articolo Editor di configurazione del grafico:
- Modificare il colore dello sfondo e il colore del testo dell'asse
- Formattazione condizionale dei valori all'interno di una serie
- Personalizzare il colore della descrizione comando
- Aggiungere bande di riferimento verticali e didascalie
- Aggiungere annotazioni al grafico
Opzioni del menu Barre
Colori barre
Puoi definire la tavolozza dei colori per un grafico.
Selezionare una raccolta di colori e una tavolozza
Una raccolta ti consente di creare visualizzazioni e dashboard a tema che abbiano un aspetto armonioso. Tutte le raccolte di colori integrate di Looker sono riportate nella pagina della documentazione Raccolte di colori. L'amministratore di Looker può anche creare una raccolta di colori personalizzata per la tua organizzazione.
Puoi scegliere una raccolta di colori dal menu a discesa Raccolta. La sezione Tavolozza verrà aggiornata con una tavolozza della raccolta di colori scelta. Per passare a un'altra tavolozza nella raccolta di colori, fai clic sulla tavolozza dei colori, che apre il selettore tavolozza. Da qui puoi visualizzare e selezionare tutte le tavolozze della raccolta.
Scegliere il tipo di tavolozze
Se utilizzi una tavolozza sequenziale o divergente, ogni barra viene colorata su una scala lungo la tavolozza. Se passi a una tavolozza categorica (una tavolozza composta da più colori singoli), i colori vengono assegnati a ogni barra in ordine. Alla prima barra viene assegnato il primo colore e così via. Se le barre sono più dei colori elencati, i colori vengono ripetuti dall'inizio della tavolozza.
Creare una tavolozza dei colori personalizzata
Per creare una tavolozza dei colori personalizzata, seleziona prima la scheda Personalizzata nel selettore tavolozza. Puoi modificare la tavolozza in diversi modi:
- Fai clic su uno dei colori presenti per modificarlo.
- Fai clic sui pulsanti + o - per aggiungere un colore alla fine della tavolozza o per rimuovere un colore selezionato. Quando aggiungi un colore alla fine di una tavolozza sequenziale o divergente, Looker crea automaticamente una scala tra quel colore e quello precedente.
- Fai clic su MODIFICA TUTTO in basso a destra nel menu per utilizzare un elenco separato da virgole di valori di colore.
Per modificare un colore selezionato o modificare tutti i colori contemporaneamente, puoi inserire stringhe esadecimali, ad esempio #2ca6cd, o nomi di colori CSS, ad esempio mediumblue, nella casella del valore del colore nella parte inferiore del menu.
Puoi anche fare clic sulla ruota dei colori a destra della casella del valore del colore per visualizzare un selettore colori, che puoi utilizzare per selezionare un colore. Il valore esadecimale corrispondente a quel colore viene visualizzato nella casella del valore del colore.
Se fai clic su MODIFICA TUTTO, la casella del valore del colore viene compilata con tutti i codici esadecimali della tavolozza dei colori che hai scelto o personalizzato. Copiare e incollare questo elenco è il modo migliore per copiare le tavolozze dei colori personalizzate da un grafico all'altro.
Inverti colori
Puoi invertire i colori utilizzati in una tavolozza. Per una tavolozza sequenziale o divergente, ogni barra viene colorata su una scala lungo la tavolozza in ordine inverso, a partire dal colore all'estremità destra della tavolozza e spostandosi verso sinistra. Per una tavolozza categorica, i colori della tavolozza vengono applicati a ogni barra in ordine inverso, a partire dall'ultimo colore della tavolozza.
Barre smussate
Per un grafico a imbuto a gradoni, l'opzione Barre smussate consente di collegare il bordo esterno di ogni barra del grafico a imbuto con le barre sopra e sotto. Se l'opzione Barre smussate è disattivata, le barre hanno una forma rettangolare. Se l'opzione Barre smussate è attiva, i bordi delle barre vengono smussati per collegarsi tra loro.
Per un grafico a imbuto, l'opzione Barre smussate non ha alcun effetto.
Imbuto a gradoni
Quando è abilitata, l'opzione Imbuto a gradoni mostra gli imbuti in uno stile a gradoni, in cui la larghezza di ogni barra varia in base al relativo valore. I valori più grandi hanno barre più larghe, mentre quelli più piccoli hanno barre più sottili.
Orientamento
Puoi specificare se i dati per il grafico a imbuto vengono estratti dalle righe o dalle colonne della tabella. Se scegli Automatico, il grafico a imbuto sceglie i dati in base a dove sono presenti più punti dati.
Scala etichetta
Puoi specificare le dimensioni delle etichette posizionate sia sopra le barre del grafico sia sui lati del grafico. Le etichette hanno una dimensione minima e una dimensione massima che varia in base alle dimensioni del grafico. Inserisci 0 per specificare che le etichette avranno la dimensione minima. Inserisci 1 per specificare che le etichette avranno la dimensione massima. Inserisci un numero compreso tra 0 e 1 per indicare una percentuale e la dimensione dell'etichetta verrà impostata su quella percentuale tra la dimensione minima e massima.
Opzioni del menu Etichette
Posizione etichetta
Puoi specificare dove vengono visualizzate le etichette dati:
- A sinistra: le etichette dati si trovano sul lato sinistro del grafico
- In linea: le etichette dati si trovano al centro del grafico, all'interno delle barre del grafico
- A destra: le etichette dati si trovano sul lato destro del grafico
- Nascoste: le etichette dati non vengono mostrate
Tipo di percentuale
A ogni barra del grafico viene assegnato un valore percentuale. L'opzione Tipo di percentuale determina se a ogni barra viene assegnata una percentuale confrontando il valore della barra con il valore più grande del grafico o confrontando il valore della barra con la barra precedente nel grafico.
Posizione percentuale
Puoi specificare dove vengono visualizzate le percentuali delle barre:
- A sinistra: le percentuali si trovano sul lato sinistro del grafico
- In linea: le etichette delle percentuali si trovano al centro del grafico, all'interno delle barre del grafico
- A destra: le etichette delle percentuali si trovano sul lato destro del grafico
- Nascoste: le etichette delle percentuali non vengono mostrate
Posizione del valore
Puoi specificare dove vengono visualizzati i valori dei dati:
- A sinistra: i valori dei dati si trovano sul lato sinistro del grafico
- In linea: i valori dei dati si trovano al centro del grafico, all'interno delle barre del grafico
- A destra: i valori dei dati si trovano sul lato destro del grafico
- Nascosti: i valori dei dati non vengono mostrati
Etichetta colore
Puoi attivare o disattivare l'impostazione di un colore personalizzato per le etichette e le percentuali nel grafico. Se attivi l'opzione Etichetta colore, viene visualizzata una casella di colore. Fai clic sulla casella per visualizzare il selettore colori e scegli un colore personalizzato per l'etichetta e le percentuali. Le etichette in linea verranno visualizzate nel colore scelto, mentre le etichette su entrambi i lati del grafico verranno visualizzate con una tonalità di circa il 40% più scura del colore scelto.
Descrizione comando personalizzata
Puoi fare clic sull'opzione Descrizione comando personalizzata per configurare le descrizioni comando nell'editor di visualizzazione Esplora utilizzando una combinazione di impostazioni dell'interfaccia utente e un editor HTML che supporta i modelli Liquid. Scopri di più sulle descrizioni comando personalizzate.
Modificare le etichette dell'imbuto utilizzando l'editor di configurazione del grafico
Per impostazione predefinita, le etichette di ogni fase dell'imbuto corrispondono direttamente ai valori delle dimensioni. Puoi utilizzare l'editor di configurazione del grafico per modificare queste etichette. Ad esempio, considera un imbuto con quattro fasi con le seguenti etichette:
- Fase 1
- Fase 2
- Fase 3
- Fase 4
Puoi utilizzare il seguente snippet JSON per aggiungere nomi di etichette personalizzate:
{
series: [{
data: [{
name: 'Custom label 1',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
},
{
name: 'Custom label 2',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
},
{
name: 'Custom label 3',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
},
{
name: 'Custom label 4',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
}
]
}]
}
Ora, le fasi vengono etichettate con i valori delle etichette personalizzate. La variabile {point.y} mostra il valore in ogni fase. In questo esempio, Looker visualizza le seguenti etichette nelle fasi dell'imbuto:
- Etichetta personalizzata 1
- Etichetta personalizzata 2
- Etichetta personalizzata 3
- Etichetta personalizzata 4
Per ulteriori informazioni sull'utilizzo di questa funzionalità, consulta la sezione Personalizzare una visualizzazione della documentazione dell'editor di configurazione del grafico.