Используйте JS, чтобы нарисовать круговую диаграмму

Используйте JS, чтобы нарисовать круговую диаграмму

Круговая диаграмма - разделить круг на несколько секторов.

Пример: http://www.zhaojz.com.cn/demo/draw8.html

Кода -копия выглядит следующим образом:

// круговая диаграмма

// dot dot

// r радиус

// данные данных (одномерный массив)

Функция Drawpie (Dot, R, Data) {

if (data && data.length> 0) {

var AccumulationAngleFslope = новый номер (0); // Накопленный угол смещения

var total = новое число (0);

var i = 0;

для (; i <data.length; i ++) {// Вычислять общее количество данных

Total += data [i];

}

for (i = 0; i <data.length; i ++) {

var angle = новое число (360*data [i]/total) .tofixed (3); // конвертировать данные [i]/otting в угол

// Нарисуйте вентилятор

DrawSector (Dot, R, новое число (угол), новое число (AccumulationAngleFslope), true, число (parsefloat (data [i]/total)*100) .tofixed (3)+'%');

AccumulationAngleFslope = AccumulationAngleOfSlope+parsefloat (угол); // Накопленный угол смещения

}

}

}