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

How to rotate Polar Chart?

4 Answers 228 Views
ChartView
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 16 Apr 2018, 03:47 PM

Is there anyway to rotate the polar chart so that it starts with 0 at the top of the graph instead of 0 being at the right? 

Cheers

Dan

4 Answers, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 17 Apr 2018, 09:51 AM
Hello Dan,

The axis cannot be made vertical but you can check if setting the IsInverse suits your case:
PolarAxis axis = radChartView1.Axes.Get<PolarAxis>(0);
 
axis.IsInverse = true;

Almost any scenario can be achieved with custom rendering which allows you to manually paint the chart parts: Custom rendering.

I hope this will be useful.

Regards,
Dimitar
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Daniel
Top achievements
Rank 1
answered on 17 Apr 2018, 11:27 AM
Thanks for the reply, but i more meant for the radial axes around the edge to have the 0 at the top
0
Accepted
Dimitar
Telerik team
answered on 17 Apr 2018, 01:27 PM
Hello Daniel,

It appears that this is possible. You need to set the StartAngle of the area:
var area = radChartView1.Area as PolarArea;
area.StartAngle = 90;

Do not hesitate to contact us if you have other questions.
 
Regards,
Dimitar
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Daniel
Top achievements
Rank 1
answered on 17 Apr 2018, 02:04 PM

Works great, thanks a lot

Cheers

Dan

Tags
ChartView
Asked by
Daniel
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Daniel
Top achievements
Rank 1
Share this question
or