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

  1. Apri Tableau Desktop e crea un foglio di lavoro.

  2. Dalla barra degli strumenti seleziona Formato.

  3. Seleziona Importa tema personalizzato.

    Menu Formato con l’opzione “Importa tema personalizzato” selezionata.

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

    Finestra di dialogo che consente di scegliere se utilizzare un tema personalizzato per sostituire o mantenere la formattazione corrente.

    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.

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

  1. Dalla barra degli strumenti seleziona Formato.

  2. Seleziona Esporta tema personalizzato.

    Menu Formato con l’opzione “Esporta tema personalizzato” selezionata.

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

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

  2. 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 baseCorrispondente aVoce nel file del tema
SmoothTableau Desktop 10.x e versioni successive"base-theme": "smooth"
CleanVersioni di Tableau Desktop dalla 8.0.x alla 9.3.x"base-theme": "clean"
ModernVersioni di Tableau Desktop dalla 3.5 alla 7.0."base-theme": "modern"
ClassicVersioni 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

Copia
{   "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 stileDescrizioneAttributi di stileTipo di inputScelta di formattazione
allFormatta tutti i caratteri nell’intera cartella di lavoro.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
worksheetFormatta il carattere predefinito del foglio di lavoro.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
worksheet-titleFormatta il carattere del titolo del foglio di lavoro.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
tooltipFormatta il carattere del messaggio di informazioni.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
dashboard-titleFormatta il titolo della dashboard.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
font-weightStringaStringa specificata come normal o bold.
story-titleFormatta il carattere del titolo della storia.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
headerFormatta il carattere dell’intestazione.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
legendFormatta il carattere del corpo e il colore di sfondo della legenda.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
background-colorStringaStringa 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-titleFormatta il carattere del titolo della legenda in tutti i fogli di lavoro.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
filterFormatta il carattere del corpo e il colore di sfondo del filtro in tutti i fogli di lavoro.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
background-colorStringaStringa 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-titleFormatta il carattere del titolo del filtro in tutti i fogli di lavoro.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
parameter-ctrlFormatta il carattere del corpo e il colore di sfondo del parametro in tutti i fogli di lavoro.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
background-colorStringaStringa 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-titleFormatta il carattere del titolo del controllo parametro in tutti i fogli di lavoro.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
highlighterFormatta il carattere del corpo e il colore di sfondo dell’evidenziatore in tutti i fogli di lavoro.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
background-colorStringaStringa 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-titleFormatta il carattere del titolo del controllo evidenziatore in tutti i fogli di lavoro.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
font-sizeInteroNumero intero con valore minimo 1 e valore massimo 99.
page-ctrl-titleFormatta il carattere del titolo della scheda della pagina in tutti i fogli di lavoro.font-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
font-familyStringaStringa di lunghezza massima non superiore a 50 caratteri.
gridlineFormatta le linee della griglia in una vista.line-visibilityStringaStringa specificata come on o off.
line-patternStringaStringa specificata come dotted, dashed o solid.
line-widthInteroNumero intero con valore minimo 1 e valore massimo 99.
line-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. Questo elemento supporta anche due cifre aggiuntive per la trasparenza, ad esempio #FF000080.
zerolineFormatta la linea zero in una vista.line-visibilityStringaStringa specificata come on o off.
line-patternStringaStringa specificata come dotted, dashed o solid.
line-widthInteroNumero intero con valore minimo 1 e valore massimo 99.
line-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000. Questo elemento supporta anche due cifre aggiuntive per la trasparenza, ad esempio #FF000080.
markFormatta il colore dell’indicatore in una vista.mark-colorStringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.
viewFormatta il colore di sfondo in una vista. StringaStringa conforme al formato di un codice colore esadecimale, ad esempio #FF0000.

Risolvere i problemi relativi all’importazione dei file di temi personalizzati

Alcuni dei miei elementi di stile non sono applicati

Tipo di carattere non valido
La formattazione è stata applicata tramite l’editor RTF

Impossibile importare il file del tema

Il file del tema contiene un errore
Le dimensioni del file del tema sono eccessive
Il percorso del file del tema è troppo lungo