Hi team,
I'm trying to add label on top to 100% stack bar . Im unable to align on top with good spacing around it. It is overlapping on bar. Also on increasing the padding moves the label out of view are and is cut. Kindly help me achieve as in shown on image 2.
1)
2)
1 Answer, 1 is accepted
Hi, Nithya,
The easiest way to show a label in the desired position is to use the category axis of the chart, changing its value axis crossing point to 100. You can control the content of the label through the `content` prop or by implementing a custom `visual` template for it.
For example, you can have a similar setup:
https://stackblitz.com/edit/react-gzxcvr?file=app%2Fmain.jsx
More details on the available label props can be seen in the link below:
Regards,
Vessy
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.