Javascript Girl
  1. Javascript Girl
  3. Comment créer des étiquettes pour les données dans le tableau Donut en utilisant d3.js
Intereting Posts
JQuery – élément de défilement au milieu de l'écran au lieu d'en haut avec un lien d'ancrage Manipulation du contenu TinyMCE avec jQuery En-têtes HTML / CSS Autonumber? Backbone.js se déclenche deux fois lors de la collecte SVG tained canvas Erreur de sécurité IE toDataURL Comment lier onclick handlers à `this` correctement sur React Comment puis-je tester un objet JavaScript vide? Effacement des lignes dessinées précédemment sur un canevas HTML5 Facebook like et Twitter tweet boutons provoquant des problèmes de domaine croisé Node.js – Socket.IO 1.0 – Échéance Meteor ne reconnaîtra pas les fichiers JS pour l'intégration avec un modèle pré-construit Impossible de définir dynamiquement la traduction d'élément initial avant la transition dans la même pile d'appels Faites quelque chose si rien n'a été trouvé avec .find () mangouste Comment alerter l'utilisateur lorsqu'un mot spécifique est tapé Comment dessiner un nombre de cercles x autour d'un cercle central, en commençant par le haut du cercle central?

Comment créer des étiquettes pour les données dans le tableau Donut en utilisant d3.js

J'ai un tableau de donut qui met à jour les données en cliquant. Je souhaite ajouter des étiquettes aux mêmes données. J'utilise actuellement la bibliothèque javascript d3.js. Voici mon code sur jsfiddle

Qu'est-ce que je ne comprend pas comment ajouter des étiquettes à des segments du tableau de donuts?

Vous devez utiliser la fonction arc.centroid . Jetez un oeil aux exemples suivants:

Regardez: http://nvd3.org/examples/pie.html ou http://bl.ocks.org/Guerino1/2295263 . Vérifiez le code et vous devriez pouvoir répondre à cette question assez facilement. S'amuser!