github PayGreen/paygreen-ui v0.8.4
Améliorations sur l'ensemble de l'Histogram

latest releases: v1.4.2, v1.4.1, v1.4.0...
3 years ago

Par @fanya3 dans #130 (en featuring avec @OliviaGometz sur un commit) 💪

HistogramBar

  • fix : le contenu du message accessible au survol (props legend) n'est plus géré avec des replaces : si vous voulez afficher la valeur et l'unité en plus d'un texte de votre cru, bah vous gérez tout seul, j'suis pas votre maman. C'est surtout que pour gérer vos trads, c'est indispensable. Des bisous 😘

⚠️ Cette modif n'est pas rétrocompatible ! Si vous avez intégré un Histogram en laissant l'HistogramBar générer vos légendes à partir des {value} blablabla, vous allez juste vous retrouver avec des "{value} blablabla" au survol de toutes vos barres, au lieu des valeurs. Ce qui est très bête. À vous de gérer, désormais, vous êtes adultes !

YAxis (dans l'Histogram)

  • fix : retrait de l'arrondi à l'entier le plus proche dans les valeurs du YAxis. Plus de "1, puis 1, puis 3" : votre axe des y arrête d'afficher n'importe quoi sur les valeurs inférieures à 10.
  • feat : pour éviter que cette modif laisse passer des valeurs à 50 chiffres après la virgule, une méthode coupe les valeurs du YAxis de manière intelligente. Si < à 10 : 2 décimales. Si < 100 : une décimale. Si 100 ou + : pas de décimales.

Histogram (pour le YAxis)(oui je sais c'est compliqué, suivez un peu svp)

  • feat : la valeur max de votre Histogram arrive peut-être en grammes alors vous préfèreriez afficher des tonnes. Ou inversement, je sais plus. Toujours est-il qu'avec la nouvelle props yaxisMaxValue, vous pouvez désormais dire à votre YAxis : "oh eh hein, le max ici, c'est 1,74 tonnes !" (au lieu des 17 400 000 grammes que vous vous apprêtiez à lui claquer dans la tronche, ça aurait fait gros quand même). Cela permet au YAxis de calculer toutes les valeurs à partir d'un maximum qui fait pas 50 km de long : votre affichage vous en remerciera ! (notez que si vous ne remplissez pas cette valeur, le max sera calculé tout seul à partir du max des HistogramBar, donc c'est totalement rétrocompatible).

Petit tips d'Olivia : si vous utilisez la nouvelle props yaxisMaxValue, vérifier que votre maximum correspond bien au maximum des valeurs de votre Histogram. Si votre barre la plus haute va jusqu'à 30 tonnes de CO2 alors que votre max dans le YAxis est de 12 kg, on va croire que le max de CO2 émis est de 12 kg... alors que pas du tout. Ce serait fâcheux. Donc faites attention. 🙏

Don't miss a new paygreen-ui release

NewReleases is sending notifications on new releases.