Maison > interface Web > js tutoriel > le corps du texte

Utilisez js pour dessiner des compétences en camembert_javascript

WBOY
Libérer: 2016-05-16 16:20:46
original
1579 Les gens l'ont consulté

Utilisez js pour dessiner un diagramme circulaire

Un camembert est un cercle divisé en plusieurs secteurs.

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

Copier le code Le code est le suivant :

//Graphique circulaire
//point point
//r rayon
//données de données (tableau unidimensionnel)
fonction drawPie(dot, r, data){
Si(données && data.length > 0){
          var accumulationAngleOfSlope = new Number(0 //Angle de décalage accumulé
); var total = nouveau Nombre(0);
      var je = 0;
for(;i              total = données[i];
>
pour(i = 0;i               var angle = new Number(360*data[i]/total).toFixed(3); //Convertir les données[i]/total en angle
 ;                 //Dessiner une forme en éventail
               drawSector(dot, r, new Number(angle), new Number(accumulationAngleOfSlope), true, Number(parseFloat(data[i]/total)*100).toFixed(3) '%');
               accumulationAngleOfSlope = accumulationAngleOfSlope parseFloat(angle); // Angle de décalage accumulé
>
>
>
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal