JS를 사용하여 파이 차트를 그리십시오
원형 차트는 원을 여러 섹터로 나누는 것입니다.
예 : http://www.zhaojz.com.cn/demo/draw8.html
코드 사본은 다음과 같습니다.
// 파이 차트
// 도트 도트
// r 반경
// 데이터 데이터 (1 차원 배열)
함수 drawpie (dot, r, data) {
if (data && data.length> 0) {
var accumulationangleangefslope = 새 번호 (0); // 누적 된 오프셋 각도
var total = 새 번호 (0);
var i = 0;
for (; i <data.length; i ++) {// 데이터의 총계를 계산합니다
총 += 데이터 [i];
}
for (i = 0; i <data.length; i ++) {
var angle = 새 번호 (360*데이터 [i]/total) .tofixed (3); // 데이터를 변환 [i]/Total을 각도로 변환합니다
// 팬을 그립니다
DrawSector (DOT, R, 새 번호 (각도), 새 숫자 (AccumentAllangeFslope), true, 숫자 (parsefloat (data [i]/total)*100) .tofixed (3)+'%');
AccumulationAngleangefslope = accumulationangleangefslope+parsefloat (각도); // 누적 된 오프셋 각도
}
}
}