Friday, August 12, 2011

User Interactive Pie Chart

User can tap on any piece of piechart, it will highlight the corresponding label. Like in the given example, user taps on piece which represents USA, so it highlights USA label (which on the right side of the view). Also the pie  piece which represents USA becomes highlighted and bigger as shown in screenshot below.






























Anyone has any suggestions. Please let me know.

Insights(Little Maths :) ):
I find out the angle of the touchpoint w.r.t. center of piechart and x-axis. then I just find on which pie piece that angle lies. Then I just increase the radius of that pie piece to make it standout from rest of the pieces.







































You can find the code at the end of THIS POST.

No comments:

Post a Comment