Project

General

Profile

Personnaliser les graphiques » History » Version 3

Simon, 07/19/2021 10:23 AM

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
23
h3. Rendu du graphique 1 
24
25
!set-color.png!
26
27
28
h3. Rendu du graphique 2
29
30
!colors-multiple.png!
31
32
h2. Des outils pour choisir les couleurs
33
34
Il existe de nombreux outils de génération de gradients de couleurs et palettes. En voici quelques uns :
35
36
* https://gka.github.io/palettes/
37
* https://mycolor.space/?hex=%23845EC2&sub=1
38
* https://coolors.co/
39
* http://colormind.io/
40 2 Simon
41
42
h2. Limites
43
44 3 Simon
A l'heure actuelle, le module d'export ne gère pas les couleurs personnalisées.