Gunakan JS untuk menggambar diagram lingkaran
Bagan pai adalah untuk membagi lingkaran menjadi beberapa sektor.
Contoh: http://www.zhaojz.com.cn/demo/draw8.html
Salinan kode adalah sebagai berikut:
// diagram lingkaran
// dot dot
// R radius
// Data data (array satu dimensi)
fungsi drawpie (dot, r, data) {
if (data && data.length> 0) {
var accumulationangleofslope = angka baru (0); // Akumulasi sudut offset
var total = angka baru (0);
var i = 0;
untuk (; i <data.length; i ++) {// Hitung total data
Total += data [i];
}
untuk (i = 0; i <data.length; i ++) {
var sudut = angka baru (360*data [i]/total) .tofixed (3); // Konversi data [i]/total menjadi sudut
// Gambarlah penggemar
Drawsector (dot, r, nomor baru (sudut), nomor baru (accumulationangleofslope), true, angka (parsefloat (data [i]/total)*100) .tofixed (3)+'%');
AccumulationangleFslope = AccumulationangleFslope+parsefloat (sudut); // Akumulasi sudut offset
}
}
}