Project

General

Profile

Personnaliser les graphiques » History » Version 5

Simon, 07/19/2021 12:48 PM

1 1 Simon
h1. Personnaliser les graphiques
2
3 3 Simon
Il est possible de personnaliser les couleurs des graphiques générés 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.
4 1 Simon
5
h2. Comment faire ?
6
7
A la racine du template public, créez un fichier _indicators-colors.php_.
8
9
Définissez les couleurs d'affichage sous forme de tableau php.
10
* 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.
11
* Pour les indicateurs à valeur unique, la première couleur représente la valeur principale. La seconde représente le seuil
12
13
14
<pre><code class="php">
15
// graphique 1
16
if($indicator[0]['sdii_id'] == 195) $obj['indicator-colors'] = ['#000047', '#66668a', '#cccccc', '#66a666', '#008000', '#fbb46f', '#fb6961', '#c7344e', '#93003a'];
17
18
// graphique 2
19
if($indicator[0]['sdii_id'] == 14) $obj['indicator-colors'] = ['#004696', 'red'];
20
</code></pre>
21
22
h3. Rendu du graphique 1 
23
24
!set-color.png!
25
26
h3. Rendu du graphique 2
27
28
!colors-multiple.png!
29
30
h2. Des outils pour choisir les couleurs
31
32
Il existe de nombreux outils de génération de gradients de couleurs et palettes. En voici quelques uns :
33
34
* https://gka.github.io/palettes/
35
* https://mycolor.space/?hex=%23845EC2&sub=1
36
* https://coolors.co/
37
* http://colormind.io/
38 2 Simon
39
40
h2. Limites
41
42 3 Simon
A l'heure actuelle, le module d'export ne gère pas les couleurs personnalisées.