js를 사용하여 원형 차트 그리기_javascript 기술

JS를 사용하여 원형 차트 그리기

원형 차트는 여러 섹터로 구분된 원입니다.

샘플: http://www.zhaojz.com.cn/demo/draw8.html

코드 복사 코드는 다음과 같습니다.

//원형 차트
//점점
//r 반경
//데이터 데이터(1차원 배열)
함수 drawPie(점, r, 데이터){
If(데이터 && 데이터 길이 > 0){
          var 축적AngleOfSlope = new Number(0) //누적된 오프셋 각도
var total = 새 숫자(0);
      var i = 0;
for(;i              합계 = 데이터[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) '%');
               축적AngleOfSlope = 축적AngleOfSlope parFloat(angle) // 누적된 오프셋 각도
}
}
}