Gunakan js untuk melukis kemahiran carta pai_javascript

Gunakan js untuk melukis carta pai

Carta pai ialah bulatan yang dibahagikan kepada berbilang sektor.

Sampel: http://www.zhaojz.com.cn/demo/draw8.html

Salin kod Kod adalah seperti berikut:

//Carta pai
//titik titik
//r jejari
//data data (tatasusunan satu dimensi)
fungsi drawPie(titik, r, data){
Jika(data && data.panjang > 0){
          var accumulationAngleOfSlope = new Number(0); //Sudut offset terkumpul
var jumlah = Nombor baharu(0);
      var i = 0;
for(;i              jumlah = data[i];
}
untuk(i = 0;i               sudut var = Nombor baharu(360*data[i]/jumlah).kepadaTetap(3); //Tukar data[i]/jumlah kepada sudut
                //Lukis bentuk kipas
               drawSector(dot, r, Nombor baharu(sudut), Nombor baharu(accumulationAngleOfSlope), true, Number(parseFloat(data[i]/total)*100).toFixed(3) '%');
              accumulationAngleOfSlope = accumulationAngleOfSlope parseFloat(angle); // Sudut offset terkumpul
}
}
}