Utiliser des thèmes de mise en forme personnalisés
Tableau est livré avec de nombreuses options de mise en forme afin que vous puissiez personnaliser vos visualisations et tableaux de bord en fonction de vos besoins. Si vous appliquez la même mise en forme à de nombreux classeurs ou si vous disposez de polices et de couleurs spéciales convenant mieux à votre entreprise, vous pouvez utiliser un thème de mise en forme personnalisé afin de gagner du temps. Les thèmes personnalisés appliquent rapidement vos choix de mise en forme à l’ensemble du classeur Tableau.
Vous pouvez ajouter un thème personnalisé à votre classeur Tableau en important un fichier JSON qui spécifie vos choix de mise en forme. De même, si vous consultez un classeur et que vous souhaitez utiliser le même thème sur un autre classeur, vous pouvez exporter le fichier de thème personnalisé.
Remarque : cette fonctionnalité est disponible uniquement dans Tableau Desktop 2025.1.
Importer un thème personnalisé
Ouvrez Tableau Desktop et créez une feuille de calcul.
Dans la barre d’outils, sélectionnez Format.
Sélectionnez Importer un thème personnalisé…
Sélectionnez un fichier JSON à importer et sélectionnez Ouvrir.
Une boîte de dialogue apparaît avec des options permettant de remplacer ou conserver toutes les modifications de mise en forme existantes que vous avez apportées.
Avant d’importer le thème personnalisé, vous pouvez choisir que ce thème remplace toutes les modifications de mise en forme apportées à votre classeur Tableau. Vous pouvez également choisir de conserver les modifications apportées via le volet de mise en forme avant d’importer le thème personnalisé.
Remarque : si vous optez pour le remplacement des modifications apportées à la mise en forme existante par le thème personnalisé, ce dernier remplacera uniquement les modifications de style que vous avez incluses dans le fichier JSON. Il ne remplacera pas non plus les modifications de style apportées via l’éditeur de texte enrichi.
Remplacer : le fichier de thème personnalisé remplacera toute mise en forme apportée à votre classeur Tableau.
Conserver : le fichier de thème personnalisé conservera toute mise en forme effectuée sur votre classeur Tableau.
Sélectionnez Remplacer ou Conserver.
Votre thème personnalisé importe la mise en forme et l’applique à votre classeur.
Exporter un thème personnalisé
Vous pouvez exporter un thème personnalisé de deux manières : vous pouvez exporter le fichier de thème personnalisé ou exporter un classeur auquel un thème personnalisé a été appliqué. Lorsque vous exportez un thème, le fichier d’exportation inclut les choix de mise en forme effectués sur la feuille de calcul que vous avez sélectionnée. Par exemple, si vous avez des choix de mise en forme différents sur deux feuilles de calcul différentes au sein d’un classeur, le fichier de thème personnalisé que vous exportez reflétera les choix de mise en forme sur la feuille de calcul sélectionnée lors de l’exportation du fichier. Seuls les éléments de style pris en charge et présents dans le fichier de thème personnalisé seront exportés.
Exporter un fichier JSON contenant un thème personnalisé
Dans la barre d’outils, sélectionnez Format.
Sélectionnez Exporter un thème personnalisé…
Accédez au dossier dans lequel vous souhaitez enregistrer le fichier de thème personnalisé et appuyez sur Enregistrer.
Le fichier de thème personnalisé est maintenant disponible localement. Vous pouvez importer ce fichier et l’utiliser avec d’autres classeurs.
Exporter un classeur auquel un thème personnalisé a été appliqué
Dans la barre d’outils d’une feuille de calcul, sélectionnez Fichier et puis choisissez Enregistrer sous.
Vous pouvez aussi sélectionner l’option Exporter le classeur complet.
Enregistrez le classeur sous forme de fichier .twb ou .twbx.
Lorsque vous rouvrez le classeur dans Tableau, le thème personnalisé est appliqué.
Créer le fichier de thème JSON
C’est dans un fichier JSON que les styles de votre thème personnalisé sont définis. Vous pouvez créer un fichier à l’aide de votre éditeur de texte préféré, en veillant à inclure les éléments de style souhaités pour votre thème personnalisé. Utilisez le fichier d’exemple comme modèle pour créer votre fichier.
Il existe de nombreuses ressources tierces qui peuvent vous aider à valider votre fichier, telles que https://www.jsonschemavalidator.net.
Téléchargez le fichier de schéma JSON nécessaire pour valider votre fichier de thème ici.
Éléments à inclure dans le fichier de thème personnalisé
Votre fichier de thème personnalisé doit contenir une version, un thème de base, des éléments de style, des attributs de style et des choix de mise en forme.
Version
La première ligne du fichier de thème personnalisé doit contenir la version. Depuis Tableau 25.1, le numéro de version est 1.0.0 et la ligne doit se présenter comme suit : "version": "1.0.0".
Il se peut que le numéro de version soit mis à jour dans les futures versions de Tableau.
Thème de base
La deuxième entrée du fichier de thème personnalisé doit contenir le thème de base. Le thème de base correspond aux thèmes de classeurs existants disponibles dans Tableau et est basé sur différentes versions de Tableau Desktop. Tous les styles de mise en forme spécifiés dans le fichier de thème json seront appliqués en plus du thème de base.
Thème de base | Correspond à | Entrée dans le fichier de thème |
---|---|---|
Lisse | Tableau Desktop à partir de la version 10.x | "base-theme": "smooth" |
Clair | Tableau Desktop versions 8.0.x – 9.3.x | "base-theme": "clean" |
Moderne | Tableau Desktop versions 3.5 – 7.0 | "base-theme": "modern" |
Classique | Tableau Desktop versions 1.0 – 3.2 | "base-theme": "classic" |
Pour plus d’informations sur les thèmes du classeur, consultez Mettre à niveau ou modifier le thème de votre classeur (Tableau Desktop uniquement)
Éléments de style
Les éléments de style spécifient à quel niveau les choix de mise en forme seront appliqués, par exemple toutes les polices, les titres de filtres ou simplement les polices d’infobulle. Consultez le tableau des éléments de style pour obtenir la liste des éléments que vous avez la possibilité de spécifier.
Attributs de style
Les attributs de style spécifient la partie de l’élément de style à laquelle vous souhaitez appliquer les choix de mise en forme, par exemple font-color et font-size pour l’élément de style « all ».
Pensez à vérifier la liste des attributs de l’élément de style que vous utilisez. Par exemple, l’élément de style hightlighter prend en charge un attribut de style de couleur d’arrière-plan, mais ce n’est pas le cas pour l’élément highlighter-title.
Choix de mise en forme
Les choix de mise en forme spécifient ce que vous souhaitez appliquer à l’élément de style et à l’attribut de style, par exemple une couleur de police, une famille de polices et une taille de police. Vous devez entrer le choix de mise en forme sous forme de chaîne ou d’entier, selon l’attribut de style. Les couleurs doivent être saisies sous forme de code couleur hexadécimal, tel que #FF0000.
Une entrée de type chaîne contient du texte.
Une entrée de type entier contient des nombres entiers.
Exemple de fichier de thème personnalisé
{ "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"
}
}
}
Éléments de style pris en charge avec les thèmes personnalisés
Ce tableau contient une liste des éléments de style pris en charge ainsi que leurs attributs de style pris en charge correspondants. Bien que tous les éléments de style disponibles dans Tableau ne soient pas pris en charge actuellement pour les thèmes personnalisés, nous ajouterons davantage d’éléments de style dans les prochaines versions. Lorsque vous importez un fichier de thème personnalisé, ses éléments de style s’appliquent à toutes les feuilles de calcul du classeur.
Élément de style | Description | Attributs de style | Type d’entrée | Choix de mise en forme |
---|---|---|---|---|
all | Met en forme toutes les polices dans tout le classeur. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
worksheet | Met en forme la police par défaut de la feuille de calcul. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
worksheet-title | Met en forme la police du titre de la feuille de calcul. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
tooltip | Met en forme la police de l’infobulle. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
dashboard-title | Met en forme le titre du tableau de bord. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
font-weight | Chaîne | Chaîne spécifiée comme normal ou bold. | ||
story-title | Met en forme la police du titre de l’histoire. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
header | Met en forme la police d’en-tête. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
legend | Met en forme la police du corps de la légende et la couleur d’arrière-plan. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
background-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. Cet élément prend également en charge deux chiffres supplémentaires pour la transparence, tels que #FF000080. | ||
legend-title | Met en forme la police du titre de la légende sur toutes les feuilles de calcul. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
filter | Met en forme la police du corps du filtre et la couleur d’arrière-plan sur toutes les feuilles de calcul. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
background-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. Cet élément prend également en charge deux chiffres supplémentaires pour la transparence, tels que #FF000080. | ||
filter-title | Met en forme la police du titre du filtre sur toutes les feuilles de calcul. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
parameter-ctrl | Met en forme la police du corps du paramètre et la couleur d’arrière-plan sur toutes les feuilles de calcul. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
background-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. Cet élément prend également en charge deux chiffres supplémentaires pour la transparence, tels que #FF000080. | ||
parameter-ctrl-title | Met en forme la police du titre de contrôle des paramètres sur toutes les feuilles de calcul. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
highlighter | Met en forme la police du corps du surligneur et la couleur d’arrière-plan sur toutes les feuilles de calcul. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
background-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. Cet élément prend également en charge deux chiffres supplémentaires pour la transparence, tels que #FF000080. | ||
highlighter-title | Met en forme la police du titre de contrôle du surligneur sur toutes les feuilles de calcul. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
font-size | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
page-ctrl-title | Met en forme la police du titre de la fiche Page sur toutes les feuilles de calcul. | font-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
font-family | Chaîne | Chaîne d’une longueur maximale de 50 caractères. | ||
gridline | Met en forme les lignes de la grille sur une vue. | line-visibility | Chaîne | Chaîne spécifiée comme on ou off . |
line-pattern | Chaîne | Chaîne spécifiée comme dotted , dashed ou solid . | ||
line-width | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
line-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. Cet élément prend également en charge deux chiffres supplémentaires pour la transparence, tels que #FF000080. | ||
zeroline | Met en forme la ligne zéro sur une vue. | line-visibility | Chaîne | Chaîne spécifiée comme on ou off . |
line-pattern | Chaîne | Chaîne spécifiée comme dotted , dashed ou solid . | ||
line-width | Entier | Entier affichant une valeur minimale de 1 et une valeur maximale de 99. | ||
line-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. Cet élément prend également en charge deux chiffres supplémentaires pour la transparence, tels que #FF000080. | ||
mark | Met en forme la couleur d’un repère sur une vue. | mark-color | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |
view | Met en forme la couleur d’arrière-plan d’une vue. | Chaîne | Chaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. |