Tristramg / velos-paris

Synthèse des compteurs de vélos à Paris
https://compteurs.parisenselle.fr/
MIT License
20 stars 8 forks source link

[Responsive] fix largeur des barcharts (600 to container) fix #26 #31

Closed paulop33 closed 5 months ago

paulop33 commented 6 months ago

Salut,

Je viens de corriger la largeur des barcharts. Ceci corrige le problème d'affichage sur téléphone.

La largeur passe de 600px à la taille du container (qui peux être inférieur à 600px).

C'est pas parfait lorsqu'il y a trop de données mais ça a le mérite de corriger l'affichage.

Screenshot_20240203-183057

Une autre correction est possible et peut être même préférable afin de garder la lisibilité des bars : garder la largeur de 600px mais l'insérer dans un container plus petit. Cela imposera à l'utilisateur de scroller horizontalement mais c'est beaucoup plus lisible. Pour éviter ça Capture d’écran du 2024-02-04 10-40-30

et avoir ça à la place : Capture d’écran du 2024-02-04 10-36-22

fix #26

paulop33 commented 6 months ago

Autre possibilité : faire une rotation des barcharts, comme ceci : image

Le code source de ce test est dispo ici : https://github.com/paulop33/velos-paris/tree/fix-responsive-plot-rotation

Paul

Tristramg commented 5 months ago

Oh merci ! Idéalement faudrait que la légende soit responsive, mais là on touche à plusieurs paramètres. C’est déjà nettement mieux comme ça