Nous souhaitons disposer d’icônes personnalisées dans les mises en forme conditionnelles.
1- Produire des icônes en SVG
On peut utiliser PowerPoint pour produire des images SVG.
Dans PowerPoint, créer des diapositives dessinant les futures icônes :
Enregistrer sous la présentation au format SVG. Confirmer la création d’un fichier par diapositives.
Dans le dossier créé, on retrouve nos fichiers SVG :
2- Récupérer le thème actif
Enregistrer le thème actif : Afficher > Enregistrer le thème actuel (si la commande est grisée, commencer par apporter une modification au thème : Personnaliser le thème actif)
Avant le dernier accolade, ajouter une virgule puis saisir le code suivant :
"icons": {
"Statut avancement projet": {
"Description": "Statut avancement projet",
"url": ""
}
}
La partie “Statut avancement projet” doit être personnalisée selon votre projet.
Le code doit se présenter ainsi :
Avant :
Après :
3- Préparer l’image
Faire glisser un fichier SVG n’importe où dans l’éditeur Visual Studio Code :
Rechercher / remplacer (CTRL + H)= :
“ par ‘ (guillemets par apostrophe)
# par %23
Copier tous le code (CTRL + A puis C), se placer entre les guillemets sur la ligne url puis coller. Pour mieux voir le code : Menu View > Word wrap :
Reproduire la section “Statut avancement projet 1”, en renommant 2, 3 et 4 :
Pour les 4 url, ajouter ce code juste après le 3e guillemet de la ligne url :
data:image/svg+xml;utf8, , ce qui donne :
Enregistrer le fichier.
De retour dans Power BI Desktop, Afficher > Thèmes > Rechercher des thèmes.
Rechercher le fichier JSON que l’on vient de modifier.
Après importation, un message vous informe que le thème a été importé.
4- Utiliser les icônes dans une mise en forme conditionnelle
Nous partons de cette exemple :
Dans le volet Build (Objet visuel), clic droit sur le champ à mettre en forme > Mise en forme conditionnelle > Icônes :
Compléter la fenêtre, en choisissant nos icônes personnalisées :