RAD HTML5 chart: Axis item labels position issue in-case of negative values

[Vaibhav Tapare]

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

[Svetlina Anati]

Hi Vaibhav,

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. 

All the best,
Svetlina Anati
the Telerik team

[infoweshanney]

Hey,

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

[infoweshanney]

I should mention that we would at the very least need some way to target the labels from JavaScript. A class name or something that we could set.

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.

[Danail Vasilev]

Hello Wes,

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

 

 

[infoweshanney]

Hello Danail,

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

[Stamo Gochev]

Hi,

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