More complex pie charts

for UI am thinking a way to fill out an array for outer segments

then another array for inner segments

and a final array for text labels.

an option for size/radius.

and an option for

   a)   inner segment to be a percentage of the overall radius

   b)   inner segment to be a percentage of area

styling is another thing, maybe leave that for later...

her is what I have so far.

give it a shot and let me know what you think...

var r = 100; //Radius
var angleArray = [4,2,6,5,1,2,5,1];


var divisions = 0;
for (var i = 0; i < angleArray.length; i++){
divisions += angleArray;}

var anglePerDivision = 360 /  divisions;


var Cx = 0 , Cy = 0; // Center of Pie
var Sx = 0 , Sy = 100; // Start Point on outer edge
var Ex , Ey; // End Point on outer edge
var SHx , SHy; //handle of Start Point
var EHx , EHy; //handle of End Point
var HL , HR , HA; //Handle Length, Radius, Angle
var acc = 0; //accumulative angle
var a = 0;
for (var i = 0; i < angleArray.length; i++){


a  = angleArray*anglePerDivision;

acc += a;


Ex = Math.sin(toRad(acc))*r;
Ey = Math.cos(toRad(acc))*r;


HL = HandleLength(a,r);
HR = HandleRadius(r,HL);
HA = HandleAngle(HR,HL);


SHx = Math.sin(toRad(acc-a)+HA)*HR;
SHy = Math.cos(toRad(acc-a)+HA)*HR;
EHx = Math.sin(toRad(acc)-HA)*HR;
EHy = Math.cos(toRad(acc)-HA)*HR;


DrawSector()


Sx = Ex;
Sy = Ey;
}


function DrawSector(){
var Sector = app.activeDocument.pathItems.add();
var pt;
pt = Sector.pathPoints.add();
pt.anchor = Array(Sx, Sy);
pt.leftDirection = Array(Sx, Sy);
pt.rightDirection = Array(SHx, SHy);
pt = Sector.pathPoints.add();
pt.anchor = Array(Ex, Ey);
pt.leftDirection = Array(EHx,EHy);
pt.rightDirection = Array(Ex, Ey);
pt = Sector.pathPoints.add();
pt.anchor = Array(Cx, Cy);
pt.leftDirection = Array(Cx, Cy);
pt.rightDirection = Array(Cx, Cy);
Sector.closed = true;
Sector.stroked = false;
Sector.filled = true;
Sector.selected = true;


redraw()
}
function toRad(angle){return angle*Math.PI/180;} //Convert Degrees into Radians
function HandleLength(angle,radius){return 4/3*Math.tan(toRad(angle)/4)*radius;} //Calculate Handle Lengh (Not accurate enough)
function HandleRadius(radius,hl){return Math.sqrt((radius*radius)+(hl*hl));} //Length of Hypotenuse, Distance of handle from Centre
function HandleAngle(hr,hl){return Math.asin(hl/hr);} //angle of the Hypotenuse, angle of handle from the anchor (answer in Radians)