Skip to content
Créer un visuel de test :Créer par exemple un visuel de type Tableau.Le transformer en un visuel de type Histogramme groupé.Personnaliser le thème via l'interface :Aller dans l'onglet Affichage du ruban.Cliquer sur la flèche du menu déroulant Thèmes.Sélectionner Personnaliser le thème actuel.Dans la fenêtre de personnalisation :Nom et couleurs : donnez un nom à votre thème (ex: "Demo Theme").Visuels : apportez des modifications de base qui serviront de fondation. Dans la vidéo, il modifie :L'arrière-plan (Background) : choisir une couleur gris clair (#EFEAEA).La bordure (Border) : activer et choisir une couleur grise (#9F9696), définir un rayon de 20px pour obtenir des coins arrondis.Cliquer sur Appliquer.Exporter le thème personnalisé :Retourner dans l'onglet Affichage -> Thèmes.Sélectionner Enregistrer le thème actuel.Enregistrer le fichier avec une extension .json (ex: DemoTheme.json).
Ouvrir le fichier JSON : utiliser un éditeur de code comme Visual Studio Code (recommandé pour ses fonctionnalités d'aide) pour ouvrir le fichier DemoTheme.json que vous venez de sauvegarder.Mettre en forme le code : Le fichier exporté est souvent sur une seule ligne. Utilisez la fonction de formatage de votre éditeur (ex: clic droit -> "Format Document" dans VS Code) pour le rendre lisible.Ajouter le schéma JSON :Aller sur (lien à partir de , elle-même depuis Afficher > Thèmes > Comment créer des thèmes ?)Sur la page GitHub, trouvez la version la plus récente du fichier de schéma (ex: reportThemeSchema-2.145.json).Cliquer dessus, puis cliquer sur le bouton Raw pour afficher le fichier brut.Copier l'URL complète de cette page.Retourner dans votre fichier DemoTheme.json et ajoutez cette ligne tout en haut, à l'intérieur des premières accolades {} :
Faites défiler votre fichier JSON jusqu'à trouver la clé "visualStyles". C'est ici que toute la mise en forme des visuels est définie.Comprendre la structure :La structure de base est : "visualName": { "styleName": { "cardName": { ... } } }.L'astérisque "*" est un caractère générique. Initialement, vous verrez "*": { "*": { ... } }, ce qui signifie "pour tous les visuels, pour tous les styles".Cibler un visuel spécifique :Pour créer des presets pour l'histogramme groupé, remplacez le premier "*" par le nom interne du visuel : "clusteredBarChart".Déclarer les presets :Remplacer le deuxième "*" par une clé "stylePreset". Sa valeur est une liste d'objets, où chaque objet définit le nom d'un preset. C'est ce qui fera apparaître les options dans le menu déroulant.La première entrée de cette liste (DemoPreset1 ici) deviendra le preset par défaut pour ce visuel.Définir la mise en forme de chaque preset :Après la déclaration stylePreset, créez une nouvelle clé pour chaque nom de preset que vous avez déclaré.Déplacer ou créer les propriétés de mise en forme (les "cartes" comme background, border) à l'intérieur de chaque bloc de preset.
Sauvegarder les modifications dans votre fichier DemoTheme.json.Importer le thème mis à jour dans Power BI :Aller dans Affichage -> Thèmes -> Parcourir les thèmes.Sélectionner votre fichier DemoTheme.json modifié.Tester les presets :Sélectionner votre visuel Histogramme groupé.Dans le volet Format, une nouvelle carte "Style presets" est maintenant visible.Cliquer sur le menu déroulant : on voit maintenant les options créées ("Default", "DemoPreset1", "DemoPreset2").Sélectionner un preset pour appliquer instantanément l'ensemble des mises en forme correspondantes.
Support formation Rapports Power BI
- Pages
Share
Explore
Styles prédéfinis
La création de "Style Presets" personnalisés pour n'importe quel type de visuel dans Power BI peut se faire en modifiant un fichier de thème JSON.
Cela permet d'appliquer rapidement des ensembles de mises en forme complexes en un seul clic, améliorant ainsi la productivité et la cohérence des rapports.
Étape 1 : Préparation et Création d'un Thème de Base
Prérequis : Assurez-vous d'utiliser une version de Power BI Desktop de mars 2024 ou plus récente, car c'est à partir de cette période que la personnalisation avancée des presets a été introduite.
Étape 2 : Préparation du fichier JSON pour l'Édition
Avant
Après
Étape 3 : Création des styles prédéfinis dans le JSON
"stylePreset": [
{ "name": "DemoPreset1" }
]
Exemple de structure finale :
"visualStyles": {
"clusteredBarChart": {
"stylePreset": [
{ "name": "DemoPreset1" }
// On pourrait ajouter d'autres presets ici, ex: { "name": "DemoPreset2" }
],
"DemoPreset1": {
"background": {
"color": { "solid": { "color": "#FFFFFF" } }
},
"border": {
"show": true,
"radius": 0
}
},
"DemoPreset2": { // Un deuxième preset
"background": {
"color": { "solid": { "color": "#333333" } }
},
"border": {
"show": true,
"radius": 50
}
}
}
}
Étape 4 : Appliquer le thème et utiliser les presets
v0 : 29/09/2025
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.