Support formation Rapports Power BI

Icônes personnalisées

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.

  1. Dans PowerPoint, créer des diapositives dessinant les futures icônes :
  2. Enregistrer sous la présentation au format SVG. Confirmer la création d’un fichier par diapositives.
  3. Dans le dossier créé, on retrouve nos fichiers SVG :

2- Récupérer le thème actif

  1. 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)
  2. Ouvrir le thème dans un éditeur de texte (conseil Visual Studio Code)
  3. 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 :

image.png

Après :

image.png

3- Préparer l’image

  1. Faire glisser un fichier SVG n’importe où dans l’éditeur Visual Studio Code :
  2. Rechercher / remplacer (CTRL + H)= :
    1. “ par ‘ (guillemets par apostrophe)
    2. # par %23
  3. 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 :
  4. Reproduire la section “Statut avancement projet 1”, en renommant 2, 3 et 4 :
  5. 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 :
  6. Enregistrer le fichier.
  7. De retour dans Power BI Desktop, Afficher > Thèmes > Rechercher des thèmes.
  8. Rechercher le fichier JSON que l’on vient de modifier.
  9. 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

image.png
  1. Dans le volet Build (Objet visuel), clic droit sur le champ à mettre en forme > Mise en forme conditionnelle > Icônes :
  2. Compléter la fenêtre, en choisissant nos icônes personnalisées :
  3. Le résultat devrait ressembler à ceci :
image.png

Ressources