Hi All,
I have integrated the bar-chart with my application and checked graph with different scenarios. I found one issue with rendering the negative values. The X axis labels gets plotted on the grid lines of graph. Please check the attached image("Barchart_NegativeValues.jpg"). This is looking vary ugly. I have old RAD Chart implementation in my project, I have attached sample image of old graph. In old RAD chart this case was handled.
Can anyone tell me know how to show the labels outside the graph in case of negative value(Please see attached image "old HTML Chart.jpg")
Thanks,
Vaibhav
6 Answers, 1 is accepted
I am afraid that what you want to achieve is not currently possible. The current version of RadHtmlChart is its first version and we were striving to release a stable control with all the basic functionality, new features and appearance related properties will be added in time.
The good news is that we are already working on adding features to easily change labels appearance of the axes and I can confirm that what you need will be available out of the box for sure for our next major release. Once it is available, you will easily achieve what you need.
Svetlina Anati
the Telerik team
Is this still a problem with the HTML5 Graph (over two years later)? I am trying to accomplish this as well with the HTML5 graph and cannot seem to find any way of accomplishing this.
If you could let me know, that would be great.
Thanks,
Wes Haney
As it is, I am stuck doing something like this in jQuery to adjust the X values of the labels.
$("text[id^='k101']").attr("x",10);
It would be better if I could do something like $("text.xaxis-label") or something like that.
Such a feature request has already been logged here, so that you can monitor, comment or raise its priority by voting on it. For the time being you can use the workaround provided in the item.
Regards,
Danail Vasilev
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
I was already aware of that feature request and the work around. Unfortunately the margin 'hack' only causes our graph to compress and become unusable.
The only thing that has worked well, and consistently, so far is to use jQuery and adjust the X values of the labels when the graph loads. Still, this is only just another hack to get something that should be working to work.
Regards,
Wes Hanney
As my colleague Danail mentioned in his answer, we are monitoring the feature request and once it receives enough votes, we will implement it as soon as possible.
As setting the Margin property makes the chart smaller, you can try to increase the Height and Width values in order to compensate for the missing space.
Regards,
Stamo Gochev
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.