使用js画图之饼图_javascript技巧

js教程评论2.5K views阅读模式

使用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
total += data[i];

}

for(i = 0;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); //累计偏移角度

}

}

}

企鹅博客
  • 本文由 发表于 2019年7月24日 04:55:06
  • 转载请务必保留本文链接:https://www.qieseo.com/415686.html

发表评论