In our mobile app (limited screen to work with, naturally) - We would love to have a chart that displays 2 bars per "record" - that are centered in the middle of the chart. The obvious application is an income/expense chart, where the middle line is the "0" value and to the right we show the income in green, with the expense to the left in red.
We are not sure if there is a way to do it with the current stacked bar chart type (or any of the others offered in KendoUI) - and would love to see if there is something we did not see or if this is something that might be added to a future release.
We attached a very "artistic" drawing showing the idea.
Thanks for any pointers,
8 Answers, 1 is accepted
We now have the following issue - using this layout the category labels are not positioned well. Please have a look at the following dojo: http://dojo.telerik.com/UkUqA
Is there a way to position the category labels centered above the bar, as in the attached illustrating image?
We know the margin option but this solution, as appears in your dojo, is not relevant to our case. The dojo was simplified and did not present our real case, in which we have categories of various length. As you can see in the updated dojo - same as the last one you prepared but with correct categories, the margin does not solve the situation: http://dojo.telerik.com/ogOWa
- Is there a way to have categories of various labels centered correctly?
- If not: Is there a way to "push" the categories to the right side of the chart? (meaning the category label will end exactly at the right border of the chart area)
Thank you for the modified example. I am afraid that there is no an option for centering labels of various length. What I can suggest instead is moving the categoryAxis and mirroring the labels - take a look at this dojo and let me know if this will fit the current requirements.
Per usual, you are a fountain of knowledge...
This is exactly what we tried to achieve - we were not familiar with the axisCrossingValue property.
I am glad to hear the suggested solution helped :)