Label Position And multiline - ChartView

Jacky

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'

chart.jpg

Jacky

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') ?

Dess

Admin

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.

dd

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?

graph.png

Dess

Admin

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.

dd

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

dd

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

Dess

Admin

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.