Using js to draw a pie chart _ javascript skills

This article mainly introduces how to use js to draw a pie chart. For more information about how to use js to draw a pie chart, see.

A pie chart splits a circle into multiple slices.

Example: http://www.zhaojz.com.cn/demo/draw8.html

The code is as follows:

// Pie chart
// Dot
// R radius
// Data (one-dimensional array)
Function drawPie (dot, r, data ){
If (data & data. length> 0 ){
Var accumulationAngleOfSlope = new Number (0); // cumulative offset angle
Var total = new Number (0 );
Var I = 0;
For (; I Total + = data [I];
}
For (I = 0; I Var angle = new Number (360 * data [I]/total). toFixed (3); // converts data [I]/total to an angle
// Draw a slice
DrawSector (dot, r, new Number (angle), new Number (accumulationAngleOfSlope), true, Number (parseFloat (data [I]/total) * 100 ). toFixed (3) + '% ');
AccumulationAngleOfSlope = accumulationAngleOfSlope + parseFloat (angle); // cumulative offset angle
}
}
}