使用js畫圖之餅圖

使用js畫圖之餅圖

餅圖是將一個圓分割為多個扇形。

樣例：http://www.zhaojz.com.cn/demo/draw8.html

複製代碼代碼如下:

//餅圖

//dot 圓點

//r 半徑

//data 數據（一維數組）

function drawPie(dot, r, data){

if(data && data.length > 0){

var accumulationAngleOfSlope = new Number(0); //累計偏移角度

var total = new Number(0);

var i = 0;

for(;i<data.length;i++){ //計算data的合計

total += data[i];

}

for(i = 0;i<data.length;i++){

var angle = new Number(360*data[i]/total).toFixed(3); //將data[i]/total轉換為角度

//畫一個扇形

drawSector(dot, r, new Number(angle), new Number(accumulationAngleOfSlope), true, Number(parseFloat(data[i]/total)*100).toFixed(3)+'%');

accumulationAngleOfSlope = accumulationAngleOfSlope+parseFloat(angle); //累計偏移角度

}

}

}