Lisibilité graphiques radars à revoir

[OmbelineChidaine]

Remontée stagiaire : Depuis la dernière mise à jour où ce sont les médianes qui sont représentées, je trouve que les graphiques ont perdu en lisibilité. Les lignes des catégories d'acteurs se superposent entre elles lorsque leurs résultats sont similaires, ce qui fait que certaines n'apparaissent plus quand on copie le graphique pour l'insérer dans notre rapport. Par exemple, mes catégories "partenaires, gestionnaires et techniciens" et "membres du CCG" obtiennent les mêmes résultats dans l'indicateur Intérêt. On ne voit donc plus la ligne des partenaires s'afficher, invisibilisée par celle des membres du CCG. Peut-on résoudre ce problème ?

[aschlegle]

Corrigé sur main (commit e8db39a).

Cause. Les lignes du radar n'étaient distinguées que par leur couleur. Deux catégories aux mêmes médianes tracent exactement le même polygone : Chart.js dessine les séries de la dernière à la première, celle qui passe au-dessus recouvre donc intégralement l'autre, qui disparaît du graphique comme du PNG collé dans le rapport. Rien n'était perdu côté données, seule la ligne n'était plus dessinée.

Correction. Chaque catégorie reçoit désormais, en plus de sa couleur, trois marqueurs propres :

• un motif de pointillés distinct — les plus ajourés pour les séries tracées en dernier (donc au-dessus), afin que celles du dessous apparaissent dans les blancs ;
• une épaisseur croissante avec le rang, pour que la ligne du dessous dépasse de part et d'autre de celle du dessus ;
• un symbole de sommet distinct (rond, losange, triangle, carré, étoile).

La légende reprend le pointillé de chaque catégorie, on peut donc relier une ligne à sa catégorie. Ces repères restent lisibles sur une capture imprimée en noir et blanc.

Vérification sur le cas signalé (« Partenaires, gestionnaires et techniciens » et « Membres ou participants au CCG » aux mêmes médianes) : la ligne superposée alterne visiblement les deux couleurs au lieu de n'en montrer qu'une.

Un test unitaire couvre l'attribution des styles (frontend/src/app/utils/options-graphiques.spec.ts, 6 tests OK) ; le rendu lui-même reste à valider à l'œil, les étapes sont notées dans TESTS.md.