Project

General

Profile

Personnaliser les graphiques » History » Revision 3

Revision 2 (Simon, 11/30/2020 04:46 PM) → Revision 3/5 (Simon, 07/19/2021 10:23 AM)

h1. Personnaliser les graphiques 

 Il est possible de personnaliser les couleurs des graphiques générés généré par Linea21 que l'indicateur soit à valeur unique ou à valeurs multiples. Les couleurs définies seront affichées sur l'interface publique comme sur l'interface d'administration. 

 h2. Comment faire ? 

 A la racine du template public, créez un fichier _indicators-colors.php_. 

 Définissez les couleurs d'affichage sous forme de tableau php. 
 * Pour les indicateurs à valeurs multiples, définissez autant de couleurs qu'il y a d'entrées. Dans le cas contraire, des valeurs apparaîtront en noir. 
 * Pour les indicateurs à valeur unique, la première couleur représente la valeur principale. La seconde représente le seuil 


 <pre><code class="php"> 
 // graphique 1 
 if($indicator[0]['sdii_id'] == 195) $obj['indicator-colors'] = ['#000047', '#66668a', '#cccccc', '#66a666', '#008000', '#fbb46f', '#fb6961', '#c7344e', '#93003a']; 

 // graphique 2 
 if($indicator[0]['sdii_id'] == 14) $obj['indicator-colors'] = ['#004696', 'red']; 
 </code></pre> 


 h3. Rendu du graphique 1  

 !set-color.png! 


 h3. Rendu du graphique 2 

 !colors-multiple.png! 

 h2. Des outils pour choisir les couleurs 

 Il existe de nombreux outils de génération de gradients de couleurs et palettes. En voici quelques uns : 

 * https://gka.github.io/palettes/ 
 * https://mycolor.space/?hex=%23845EC2&sub=1 
 * https://coolors.co/ 
 * http://colormind.io/ 


 h2. Limites 

 A l'heure actuelle, le module d'export ne gère pas les couleurs personnalisées. pérsonnalisées