This is a migrated thread and some comments may be shown as answers.

Label Position And multiline

7 Answers 358 Views
ChartView
This is a migrated thread and some comments may be shown as answers.
Jacky
Top achievements
Rank 1
Jacky asked on 15 Aug 2014, 09:20 AM
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' 

7 Answers, 1 is accepted

Sort by
0
Jacky
Top achievements
Rank 1
answered on 15 Aug 2014, 10:13 AM
ideally,  could we show a tooptip on X-axis label ( on text 'May 2012') ?
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 19 Aug 2014, 11:17 AM
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.
 
0
dd
Top achievements
Rank 1
answered on 26 Sep 2017, 09:05 PM
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?
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 28 Sep 2017, 08:19 AM
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.
0
dd
Top achievements
Rank 1
answered on 28 Sep 2017, 02:19 PM

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

0
dd
Top achievements
Rank 1
answered on 28 Sep 2017, 02:20 PM

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

post

0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 29 Sep 2017, 10:06 AM
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.
Tags
ChartView
Asked by
Jacky
Top achievements
Rank 1
Answers by
Jacky
Top achievements
Rank 1
Dess | Tech Support Engineer, Principal
Telerik team
dd
Top achievements
Rank 1
Share this question
or