Align Text label to center in BranchWiseOffers Chart

[hussamkhatib]

This is a hacky solution to somewhat align it center.

<Text
   x={bar.x + bar.width / 2 - 5}  
   textAnchor="middle"  .....>
        {bar.value}
</Text>

The problem : width is always equal to the value of text , hence the props width: bar.width and textAnchor="middle" won't be useful.
If we can find a way to make it equal to bar width, centering with those props will become easy.