首页 > 代码库 > 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); //累计偏移角度 } }}
JS画几何图形之四【饼图】
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。