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.
Creazione di un grafico a imbuto
Un grafico a imbuto comprende un singolo insieme di numeri e un singolo insieme di etichette, che possono essere orientati:
- In verticale, utilizzando una o più dimensioni (etichette) e una misura (numeri)
- In orizzontale, utilizzando una singola riga con più misure (numeri) e intestazioni di colonna (etichette)
Il grafico può funzionare con dati sia con pivot che senza pivot.
Se utilizzi più colonne di misure (più misure o una misura con 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 la canalizzazione legge la tabella di dati e invertire 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 della canalizzazione, seleziona i puntini di sospensione (…) nella barra Visualizzazione di Esplora e scegli Canalizzazione. Poi, seleziona l'opzione Modifica nella barra di visualizzazione per modificare il grafico.
Le opzioni potrebbero essere disattivate o nascoste se sono in conflitto con altre impostazioni che hai scelto.
Opzioni barra dati
Diverse opzioni della barra Dati possono influire sia sulla visualizzazione sia sulla tabella dei dati.
Subtotali
Se la tabella dati contiene almeno due dimensioni, nella barra Dati viene visualizzata la casella di controllo Subtotali. I subtotali sono attualmente abilitati solo per le visualizzazioni tabella; la casella di controllo non è attiva per altri tipi di visualizzazione.
Totali riga
Se il grafico contiene pivot, puoi aggiungere i totali delle righe 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 le informazioni su quando i totali non sono disponibili e aspetti da considerare con i totali.
La freccia a destra della casella di controllo Totali riga consente di attivare/disattivare 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.
Totali
Puoi aggiungere i totali di colonna 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 le informazioni su quando i totali non sono disponibili e aspetti da considerare con i totali.
Limite di colonne
Se la tabella 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 di riga e i calcoli tabulari delle misure al di fuori dei pivot non vengono conteggiati ai fini del limite di colonne. Ogni gruppo con pivot viene conteggiato come una colonna ai fini del limite di colonne. Per saperne di più, consulta la pagina della documentazione Filtro e limitazione dei 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 della scheda Dati. Se la query supera il limite di righe impostato, non puoi ordinare le colonne dei totali delle righe 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 Utilizzo dei calcoli tabulari.
Puoi anche utilizzare la sezione Campi personalizzati del selettore campi.
Opzioni del menu Assi
Etichetta asse sinistro
Attiva 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 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 interagiranno dinamicamente con i dati.
Il pulsante Modifica configurazione grafico è disponibile se disponi del ruolo Amministratore di Looker o dell'autorizzazione can_override_vis_config.
Consulta la sezione Esempi dell'articolo Editor di configurazione dei grafici per esempi di alcuni casi d'uso comuni, tra cui i seguenti:
- Modifica del colore dello sfondo e del colore del testo degli assi
- Formattazione condizionale dei valori all'interno di una serie
- Personalizzazione del colore del tooltip
- Aggiunta di bande di riferimento verticali e didascalie
- Aggiunta di annotazioni ai grafici
Opzioni del menu Barre
Colori barre
Puoi definire la tavolozza dei colori per un grafico.
Selezione di una raccolta di colori e di una tavolozza
Una raccolta ti consente di creare visualizzazioni e dashboard a tema che si abbinano bene tra loro. Tutte le raccolte di colori integrate di Looker vengono visualizzate 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 della raccolta di colori, fai clic sulla tavolozza dei colori per aprire il selettore della tavolozza. Da qui, puoi visualizzare e selezionare tutte le tavolozze della raccolta.
Scelta del tipo di tavolozze
Se utilizzi una tavolozza sequenziale o divergente, ogni barra viene colorata in base a 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 ci sono più barre rispetto ai colori elencati, i colori si ripetono dall'inizio della tavolozza.
Creazione di una tavolozza di colori personalizzata
Per creare una tavolozza dei colori personalizzata, seleziona innanzitutto 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 tutti i colori contemporaneamente, puoi inserire stringhe esadecimali, come #2ca6cd, o nomi di colori CSS, come 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 è 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 gradini, 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. Con l'opzione Barre con bordi arrotondati attiva, i bordi delle barre vengono arrotondati per collegarsi tra loro.
Per un grafico a imbuto, l'opzione Barre smussate non ha alcun effetto.
Imbuto a gradoni
Se è attivata, l'opzione Imbuto con rientri mostra gli imbuti in uno stile con rientri, 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 alla posizione con il maggior numero di punti dati.
Scala etichetta
Puoi specificare le dimensioni delle etichette posizionate sia sopra le barre del grafico sia ai 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 le dimensioni minime. Inserisci 1 per specificare che le etichette avranno le dimensioni massime. 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 quella massima.
Opzioni del menu Etichette
Posizione etichetta
Puoi specificare dove visualizzare 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
- Nascosto: le etichette dati non vengono mostrate
Tipo di percentuale
A ogni barra del grafico viene assegnato un valore percentuale. Tipo di percentuale determina se a ogni barra viene assegnata una percentuale confrontando il valore della barra con il valore più alto del grafico o con la barra precedente nel grafico.
Posizione percentuale
Puoi specificare dove visualizzare 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
- Destra: le etichette delle percentuali si trovano sul lato destro del grafico
- Nascosto: 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.
- Nascosto: i valori dei dati non vengono visualizzati
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 quelle su entrambi i lati del grafico saranno circa il 40% più scure del colore scelto.
Descrizione comando personalizzata
Puoi fare clic sull'opzione Tooltip personalizzato per configurare i tooltip nell'editor di visualizzazione di 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.
Modifica delle etichette della canalizzazione utilizzando l'editor di configurazione del grafico
Per impostazione predefinita, le etichette di ogni fase della canalizzazione corrispondono direttamente ai valori delle dimensioni. Puoi utilizzare l'editor di configurazione dei grafici per modificare queste etichette. Ad esempio, prendi in considerazione una canalizzazione 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 sono 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 della canalizzazione:
- Etichetta personalizzata 1
- Etichetta personalizzata 2
- Etichetta personalizzata 3
- Etichetta personalizzata 4
Per saperne di più sull'utilizzo di questa funzionalità, consulta la sezione Personalizzazione di una visualizzazione della documentazione di Chart Config Editor.