Icônes personnalisées pour les graphiques Gantt

Last modified by Aurelie Bertrand on 2024/01/08 15:43

Quelques captures d’écran sont fournis dans le dossier Images du dossier installation.

Tailler l'icône au format DigDash

  1. Récupérez une icône au format SVG.
  2. Retaillez le document en 20 pixels de longueur et largeur et adaptez l'icône à cette taille.

Insérer l'icône retaillée dans DigDash

  1. Allez dans le répertoire C:\DigDash\apache-tomcat\webapps\ddenterpriseapi\WEB-NF\classes\resources\charts\template\svg
  2. Ouvrez le fichier multiplechart1-template-dashboard.svg avec un éditeur de texte.
  3. Recherchez l'icône id="marker".
  4. Créez un nouveau <symbole> </symbole>.

Exemple:

<symbol id="monIcone" viewBox="0 0 20 20">
 <path d=""
style=""></path>
</symbol>
  1. Copiez le contenu de la balise <path> (attribut "d") de votre icône.
  2. Insérez la chaîne dans les guillemets de d="".
  3. Copiez également l'attribut "style".

Exemple:

<symbol id="Etoile1" viewBox="0 0 20 20">
<path d="m 9.986713,0.92384276 2.233716,7.06339144 7.120959,-0.00855 -5.781534,4.3878118 2.208366,7.027097 L 9.9613196,15.042022 4.2052067,19.393594 6.3978783,12.31636 0.63203819,7.9786835 7.7940857,7.9562874 9.986713,0.9238841 Z"
style="fill:#ffd42a;fill-opacity:1;stroke:#9c6000;stroke-width:0.1;stroke- miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"></path>
</symbol>
  1. Sauvegardez.
  2. Modifiez de la même manière les fichiers "multiplechart1-template-dashboard.svg" et multiplechart1-template-dashboard-(numversion).svg du dossier ddenterpriseapi\staticwebcontent\classes\resources\charts\template\svg
    et
    digdash_dashboard\staticwebcontent\classes\resources\charts\template\svg

Configurer l'icône dans Studio

  1. Ouvrez le Studio.
  2. Ouvrez votre flux Gantt.
  3. Dans les paramètres spécifiques, insérez dans le champ texte au format JSON les dates avec le nom de l'icône souhaité.

Exemple:

{"26/03/2023":"monIcone","20/05/2023":"monIcone"}

  1. Validez : l'icône devrait s'afficher.