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

7 posts, 0 answers
  1. Vaibhav Tapare
    Vaibhav Tapare avatar
    1 posts
    Member since:
    Jul 2012

    Posted 13 Jul 2012 Link to this post

    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

  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 18 Jul 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Wes
    Wes avatar
    9 posts
    Member since:
    Aug 2014

    Posted 23 Sep 2014 Link to this post

    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
  5. Wes
    Wes avatar
    9 posts
    Member since:
    Aug 2014

    Posted 23 Sep 2014 in reply to Wes Link to this post

    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.
  6. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1492 posts

    Posted 26 Sep 2014 Link to this post

    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
     

    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.

     
  7. Wes
    Wes avatar
    9 posts
    Member since:
    Aug 2014

    Posted 26 Sep 2014 in reply to Danail Vasilev Link to this post

    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
  8. Stamo Gochev
    Admin
    Stamo Gochev avatar
    157 posts

    Posted 01 Oct 2014 Link to this post

    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
     

    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.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017