Utilizzare temi di formattazione personalizzati
Tableau viene installato con numerose opzioni di formattazione che ti consentono di personalizzare le visualizzazioni e le dashboard in base alle tue esigenze. Se utilizzi la stessa formattazione per molte cartelle di lavoro o se disponi di caratteri e colori speciali più adatti alla tua attività, puoi utilizzare un tema di formattazione personalizzato per risparmiare tempo. I temi personalizzati consentono di applicare rapidamente le tue scelte di formattazione all’intera cartella di lavoro di Tableau.
Per aggiungere un tema personalizzato alla cartella di lavoro di Tableau, puoi importare un file JSON che specifica le tue scelte di formattazione. Analogamente, se stai visualizzando una cartella di lavoro e desideri utilizzare lo stesso tema per un’altra cartella di lavoro, puoi esportare il file del tema personalizzato.
Nota: questa funzionalità è disponibile solo in Tableau Desktop 2025.1.
Importare un tema personalizzato
Apri Tableau Desktop e crea un foglio di lavoro.
Dalla barra degli strumenti seleziona Formato.
Seleziona Importa tema personalizzato.
Seleziona un file JSON da importare e scegli Apri.
Viene visualizzata una finestra di dialogo con le opzioni Sostituisci o Mantieni per sostituire o mantenere eventuali modifiche di formattazione esistenti apportate.
Puoi scegliere se desideri che il tema personalizzato sovrascriva tutte le modifiche di formattazione apportate alla cartella di lavoro di Tableau prima di importare il tema personalizzato. Puoi anche scegliere di mantenere le modifiche apportate tramite il riquadro di formattazione prima di importare il tema personalizzato.
Nota: se scegli di sovrascrivere le modifiche di formattazione esistenti con il tema personalizzato, verranno sovrascritte solo le modifiche di stile incluse nel file JSON. Inoltre, le modifiche di stile apportate tramite l’editor di testo avanzato non verranno sovrascritte.
Sovrascrivi: il file del tema personalizzato sovrascriverà qualsiasi formattazione applicata alla cartella di lavoro di Tableau.
Mantieni: il file del tema personalizzato manterrà qualsiasi formattazione applicata alla cartella di lavoro di Tableau.
Seleziona Sovrascrivi o Mantieni.
Il tema personalizzato importa e applica la formattazione alla cartella di lavoro.
Esportare un tema personalizzato
Puoi esportare un tema personalizzato in due modi, ovvero esportare il file del tema personalizzato oppure esportare una cartella di lavoro con un tema personalizzato applicato. Quando esporti un tema, il file di esportazione include le scelte di formattazione effettuate nel foglio di lavoro selezionato. Ad esempio, se hai diverse scelte di formattazione in due fogli di lavoro diversi all’interno di una cartella di lavoro, il file del tema personalizzato che esporterai rispecchierà le scelte di formattazione del foglio di lavoro selezionato al momento dell’esportazione del file. Verranno esportati solo gli elementi di stile supportati e presenti nel file del tema personalizzato.
Esportare un file JSON che contiene un tema personalizzato
Dalla barra degli strumenti seleziona Formato.
Seleziona Esporta tema personalizzato.
Vai alla cartella in cui desideri salvare il file del tema personalizzato e fai clic su Salva.
Il file del tema personalizzato è ora disponibile in locale. Questo file del tema può essere importato e utilizzato con altre cartelle di lavoro.
Esportare una cartella di lavoro con un tema personalizzato applicato
Dalla barra degli strumenti di un foglio di lavoro seleziona File e quindi scegli Salva con nome.
In alternativa, puoi selezionare Esporta cartella di lavoro compressa.
Salva la cartella di lavoro come file .twb o .twbx.
Quando riaprirai la cartella di lavoro in Tableau, verrà applicato il tema personalizzato.
Creare il file del tema JSON
Gli stili del tuo tema personalizzato vengono definiti in un file JSON. Puoi creare un file utilizzando il tuo editor di testo preferito, assicurandoti di includere gli elementi di stile che desideri per il tuo tema personalizzato. Utilizza il file di esempio come modello per creare il tuo file.
Esistono molte risorse di terze parti che possono essere utili per convalidare il tuo file, ad esempio https://www.jsonschemavalidator.net.
Scarica qui il file schema JSON necessario per convalidare il file del tuo tema.
Elementi da includere nel file del tema personalizzato
Il file del tema personalizzato deve contenere una versione, un tema di base, elementi di stile, attributi di stile e scelte di formattazione.
Versione
La prima riga del file del tema personalizzato deve includere l’indicazione della versione. A partire da Tableau 25.1, il numero di versione è 1.0.0 e la riga dovrebbe essere simile alla seguente: "version": "1.0.0".
Il numero di versione potrebbe essere aggiornato nelle versioni future di Tableau.
Tema di base
La seconda voce del file del tema personalizzato dovrebbe contenere il tema base. Il tema di base corrisponde ai temi delle cartelle di lavoro esistenti già disponibili in Tableau e si basa su diverse versioni di Tableau Desktop. Tutti gli stili di formattazione specificati nel file del tema JSON verranno applicati al tema di base.
Tema di base | Corrispondente a | Voce nel file del tema |
---|---|---|
Smooth | Tableau Desktop 10.x e versioni successive | "base-theme": "smooth" |
Clean | Versioni di Tableau Desktop dalla 8.0.x alla 9.3.x | "base-theme": "clean" |
Modern | Versioni di Tableau Desktop dalla 3.5 alla 7.0. | "base-theme": "modern" |
Classic | Versioni di Tableau Desktop dalla 1.0 alla 3.2 | "base-theme": "classic" |
Per maggiori informazioni sui temi delle cartelle di lavoro, consulta Aggiornare o modificare il tema della cartella di lavoro (solo Tableau Desktop)
Elementi di stile
Gli elementi di stile consentono di specificare a quale livello verranno applicate le scelte di formattazione. Ad esempio, tutti i caratteri, titoli dei filtri o solo caratteri dei messaggi di informazioni. Per un elenco degli elementi disponibili da specificare, consulta la tabella degli elementi di stile.
Attributi di stile
Gli attributi di stile specificano la parte dell’elemento di stile a cui desideri applicare le scelte di formattazione. Ad esempio, font-color e font-size per l’elemento di stile All.
Consulta sempre l’elenco degli attributi relativi all’elemento di stile che stai utilizzando. Ad esempio, l’elemento di stile highlighter supporta un attributo di stile per il colore di sfondo, a differenza dell’elemento highlighter-title.
Scelte di formattazione
Le scelte di formattazione consentono di specificare cosa applicare all’elemento di stile e all’attributo di stile. Ad esempio, il colore di un carattere, la famiglia di caratteri e la dimensione del carattere. La scelta di formattazione deve essere immessa in formato stringa o numero intero, a seconda dell’attributo di stile. I colori devono essere immessi come codice colore esadecimale, ad esempio #FF0000.
Un tipo di input stringa contiene testo.
Un tipo di input intero contiene numeri interi.
Esempio di file del tema personalizzato
{ "version": "1.0.0",
"base-theme": "smooth",
"styles": {
"all": {
"font-color": "#d16302",
"font-family": "Tableau Bold"
},
"worksheet": {
"font-color": "#d16302",
"font-family": "Tableau Bold",
"font-size": 14
},
"worksheet-title": {
"font-color": "#d16302",
"font-family": "Tableau Bold",
"font-size": 14
},
"view": {
"background-color": "#ffb370"
}
}
}
Elementi di stile supportati con temi personalizzati
Questa tabella contiene un elenco degli elementi di stile e dei corrispondenti attributi di stile supportati. Anche se non tutti gli elementi di stile disponibili in Tableau siano attualmente supportati per i temi personalizzati, ne aggiungeremo altri nelle versioni future. Quando importi un file del tema personalizzato, i relativi elementi di stile verranno applicati a tutti i fogli di lavoro presenti nella cartella di lavoro.
Elemento di stile | Descrizione | Attributi di stile | Tipo di input | Scelta di formattazione |
---|---|---|---|---|
all | Formatta tutti i caratteri nell’intera cartella di lavoro. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
worksheet | Formatta il carattere predefinito del foglio di lavoro. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
worksheet-title | Formatta il carattere del titolo del foglio di lavoro. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
tooltip | Formatta il carattere del messaggio di informazioni. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
dashboard-title | Formatta il titolo della dashboard. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
font-weight | Stringa | Stringa specificata come normal o bold. | ||
story-title | Formatta il carattere del titolo della storia. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
header | Formatta il carattere dell’intestazione. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
legend | Formatta il carattere del corpo e il colore di sfondo della legenda. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
background-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. Questo elemento supporta anche due cifre aggiuntive per la trasparenza, ad esempio #FF000080. | ||
legend-title | Formatta il carattere del titolo della legenda in tutti i fogli di lavoro. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
filter | Formatta il carattere del corpo e il colore di sfondo del filtro in tutti i fogli di lavoro. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
background-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. Questo elemento supporta anche due cifre aggiuntive per la trasparenza, ad esempio #FF000080. | ||
filter-title | Formatta il carattere del titolo del filtro in tutti i fogli di lavoro. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
parameter-ctrl | Formatta il carattere del corpo e il colore di sfondo del parametro in tutti i fogli di lavoro. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
background-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. Questo elemento supporta anche due cifre aggiuntive per la trasparenza, ad esempio #FF000080. | ||
parameter-ctrl-title | Formatta il carattere del titolo del controllo parametro in tutti i fogli di lavoro. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
highlighter | Formatta il carattere del corpo e il colore di sfondo dell’evidenziatore in tutti i fogli di lavoro. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
background-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. Questo elemento supporta anche due cifre aggiuntive per la trasparenza, ad esempio #FF000080. | ||
highlighter-title | Formatta il carattere del titolo del controllo evidenziatore in tutti i fogli di lavoro. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
font-size | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
page-ctrl-title | Formatta il carattere del titolo della scheda della pagina in tutti i fogli di lavoro. | font-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
font-family | Stringa | Stringa di lunghezza massima non superiore a 50 caratteri. | ||
gridline | Formatta le linee della griglia in una vista. | line-visibility | Stringa | Stringa specificata come on o off . |
line-pattern | Stringa | Stringa specificata come dotted , dashed o solid . | ||
line-width | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
line-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. Questo elemento supporta anche due cifre aggiuntive per la trasparenza, ad esempio #FF000080. | ||
zeroline | Formatta la linea zero in una vista. | line-visibility | Stringa | Stringa specificata come on o off . |
line-pattern | Stringa | Stringa specificata come dotted , dashed o solid . | ||
line-width | Intero | Numero intero con valore minimo 1 e valore massimo 99. | ||
line-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. Questo elemento supporta anche due cifre aggiuntive per la trasparenza, ad esempio #FF000080. | ||
mark | Formatta il colore dell’indicatore in una vista. | mark-color | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |
view | Formatta il colore di sfondo in una vista. | Stringa | Stringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. |