源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

使用js画图之饼图

  • 时间:2022-07-31 03:21 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:使用js画图之饼图
使用js画图之饼图 饼图是将一个圆分割为多个扇形。 样例:[url=http://www.zhaojz.com.cn/demo/draw8.html]http://www.zhaojz.com.cn/demo/draw8.html[/url]
[u]复制代码[/u] 代码如下:
//饼图 //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); //累计偏移角度         }     } }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部