Fill Pie chart clockwise

[Cristi S.]

Just FYI, all other JavaScript chart libs we tested fill pie charts clockwise. But FusionCharts fills them from the right.

 

Is there a way to make it fill pie slices clockwise?

 

Thanks,

-Cristian

[Ayan Bhadury]

Hi,

 

FusionCharts renders Pie charts in anti clockwise directions, however you can use "animationClockwise" attribute and enable it to "1" to rotate in clockwise direction, also you can change the "startingAngle" to change the starting angle.

 

For further reference please check this sample fiddle link

http://jsfiddle.net/ayanbhaduryfc/ezt0xx7q/

[Cristi S.]

Thanks Ayan. But I was not talking about animation... 

 

In your fiddle, the Teenage slice is first from the top-right in most other apps, not the top-left.

 

But this gave me an idea anyway: it seems enough to reverse the order of data points before sending it to the chart, to get it clockwise!

 

See the same fiddle with one simple reverse() call.

 

Cheers,

Cristian

Edited March 26, 2017 by cristiscu

[Ayan Bhadury]

Hi,

 

Glad to know that you got the solution. We have checked your implementation, and this can be also done as a workaround.