Label Position And multiline

8 posts, 0 answers
  1. Jacky
    Jacky avatar
    23 posts
    Member since:
    Mar 2014

    Posted 15 Aug 2014 Link to this post

    hi guys,

    thanks for your help in advance.

    I have two questions as below.
    1.  refer to the picture,  I want the label was shown on the top of bar if it is positive,  but on the bottom of bar if negative,  how to implement?
    2. how to make the label of X-axis was shown in multiline if it has too many characters?   on the picture I mean the label with text "May 2012' 
  2. Jacky
    Jacky avatar
    23 posts
    Member since:
    Mar 2014

    Posted 15 Aug 2014 Link to this post

    ideally,  could we show a tooptip on X-axis label ( on text 'May 2012') ?
  3. Dess
    Admin
    Dess avatar
    2100 posts

    Posted 19 Aug 2014 Link to this post

    Hello Jacky,

    Thank you for writing.

    It is not possible to specify the position of the labels for negative values in order to display them at the bottom. However, you can use the LabelFormatting event and manipulate the BarLabelElement.PositionOffset on a way to display the text below the element or just format them in different color.

    When you have a lot of labels on the X-axis, they can overlap each other. You can modify the CategoricalAxis.LabelFitMode property and set it to MultiLine or Rotate. Thus, the label overlapping should be avoided.

    As to the last question, related to tooltips for X-axis labels, currently the RadChartView provides a tooltip interactivity with the ChartTooltipController class and can be used to visualize arbitrary information related to a data point only.

    I hope this information helps. Should you have further questions, I would be glad to help.

    Regards,
    Desislava
    Telerik
     
    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
     
  4. dd
    dd avatar
    9 posts
    Member since:
    Mar 2010

    Posted 26 Sep Link to this post

    How do I make a bar chart like the one in Jacky's original attachment? When one of my values is negative my bar chart doesn't do that. See example on my attachment. The data for category 9-20 is negative. I want the pivot point to be zero along the x axis. I guess I am missing a setting on my axis object?
  5. Dess
    Admin
    Dess avatar
    2100 posts

    Posted 28 Sep Link to this post

    Hello, David, 

    Thank you for writing.  

    Since R1 2015 RadChartView shows negative values under the 0 point of the area. This was the feature request for your reference: https://feedback.telerik.com/Project/154/Feedback/Details/123886-add-radchartview-add-the-ability-to-show-negative-values-under-the-0-point-of

    I have also attached a sample project which result is illustrated in the attached screenshot.

    I hope this information helps. Should you have further questions I would be glad to help.

    Regards,
    Dess
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  6. dd
    dd avatar
    9 posts
    Member since:
    Mar 2010

    Posted 28 Sep Link to this post

    Thanks Dess, I shouldn't have posted this here. I created a thread for this topic. I posted my code that reproduces my problem.

    http://www.telerik.com/forums/bar-graph-with-negative-values#GcZtrkqtH0WDUcHVrqxYtQ

  7. dd
    dd avatar
    9 posts
    Member since:
    Mar 2010

    Posted 28 Sep Link to this post

    Thanks Dess, I should not have posted my problem here. I made a new post including my sample code that reproduces my problem.

    post

  8. Dess
    Admin
    Dess avatar
    2100 posts

    Posted 29 Sep Link to this post

    Hello, David, 

    Thank you for writing back. 

    Your question has already been answered in the other thread you have opened on the same topic. Feel free to continue the communication in the referred forum thread. 

    Regards,
    Dess
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top