Utilisez JS pour dessiner un graphique à secteurs
Un graphique à secteurs consiste à diviser un cercle en plusieurs secteurs.
Exemple: http://www.zhaojz.com.cn/demo/draw8.html
La copie de code est la suivante:
// Graphique à tarte
// Dot Dot
// RADIUS R
// Données de données (tableau unidimensionnel)
fonction drawpie (dot, r, data) {
if (data && data.length> 0) {
var accumulationAngleOfSlope = nouveau numéro (0); // Angle de décalage accumulé
var total = nouveau nombre (0);
var i = 0;
for (; i <data.length; i ++) {// calculer le total des données
Total + = données [i];
}
pour (i = 0; i <data.length; i ++) {
var angle = nouveau nombre (360 * data [i] / total) .tofixed (3); // convertir les données [i] / total en angle
// dessine un fan
DrawSector (Dot, R, nouveau nombre (angle), nouveau nombre (accumulationangleofslope), vrai, nombre (parsefloat (data [i] / total) * 100) .tofixed (3) + '%');
accumulationAngleOfSlope = accumulationAngleOfSlope + parsefloat (angle); // Angle de décalage accumulé
}
}
}