I have a stack bar chart, and i need to apply the following changes to it:
- The ChartValueAxisItem horizontal major unit lines need to be displayed above the bars rather than beneath them
- For each bar, I need to add in some text. If the bar has a value of 3, then 3 text values equally spaced out will need to be added in that bar
A before and after diagram of what is needed is attached
What is the best approach to achieve this?
5 Answers, 1 is accepted
Hello Daniel,
You can achieve the desired behavior as demonstrated in the following example:
Regards,
Vladimir Iliev
Progress Telerik
Rank 1
Hello, Aleigh,
Thank you for sharing the definition.
Is there anything we can be of help?
Regards,
Stefan
Progress Telerik
Rank 1
Hi,
In continuation with the above, I am trying to equally space out the text on each bar section, such that each word is within its above and below horizontal major unit lines. Attached file contains an image of how the words look right now (not equally spaced).
Thanks
Hello, Lara,
The Chart provides different positions for its labels.
Please check the list of the available positions to see if one of them will be a good fit for the real application:
telerik.com/kendo-react-ui/components/charts/api/SeriesLabelsPosition/
Regards,
Stefan
Progress Telerik