WomenPlusPlus / deploy-impact-23-kpi-3

GNU General Public License v3.0
0 stars 3 forks source link

Changing the color of KPI VALUE in BarLinechart component #111

Open biancam5 opened 9 months ago

biancam5 commented 9 months ago

I´ve changed the color of KPI VALUE text in BarLinechart component, based on jiani´s design. It was a bit challenging at first because Rechart library don´t have a specific property for change the color of the text in the chart and if you change the fill property it will also change the color of the bar , even classes didnt work . So i´ve solved it with a different approach.

biancam5 commented 8 months ago

A simple task became challenging because of Rechart´s limitation on customize Tooltip , i´ve tried different approachs such as css classes, Rechart documentation ,conditional Rendering and a lot more but did not work. The main problem is that Tooltip don´t have a property for the specific name you are showing so when you change the color with "Itemstyle" will change the styles of all data that is showing the tooltip . i´ve spent 2 days trying to solve this however I talked with Jiani because I was losing a lot of time and we are near the end of the program....so she said it was okay if the 3 texts on the Tooltip have #4444 color. @maalej