Dzwebs.Net

撰写电脑技术杂文十余年

JS画饼图的代码

Admin | 2015-3-21 9:04:16 | 被阅次数 | 4741

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  //饼图
  //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); //累计偏移角度
        }
    }
}  

  调用的时候,你可以这样设置参数:drawPie([350,250], 150, [20,60, 45, 89,90]);


该杂文来自: 网页制作杂文

上一篇:JS打开word文档的代码

下一篇:asp.net后台执行前台JS函数

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计