Javascript Girl
  1. Javascript Girl
  3. Dc.js: ajout d'une légende à un diagramme de pie
Intereting Posts
JS: Confusion sur les héritages Quel but réel $ .noop () sert-il à jQuery 1.4? Webpack Express ne peut pas résoudre le module 'fs', la dépendance à la demande est une expression Une fonction JavaScript peut-elle se retourner? La meilleure façon de stocker les petites préférences de l'utilisateur UI dans une application Web? Appelez une fonction javascript lorsque le bouton arrière du navigateur est cliqué DataTables Exporter vers Excel en téléchargeant un fichier zip Trouver le point central d'un polygone en js Plusieurs fichiers javascript / css: meilleures pratiques? This.name retourne indéfini en javascript Getter / setter pour src attribute dans js? Appeler dynamiquement la fonction locale en javascript Comment intercaler des flux (avec contre-pression) Google Maps n'est pas complètement rendu sur la page? Comment puis-je désactiver toutes les touches du clavier?

Dc.js: ajout d'une légende à un diagramme de pie

J'essaie d'ajouter une légende à mon graphique à secteurs, mais je continue d'obtenir l'erreur TypeError: dc.legend is not a function .

Je ne sais pas par où commencer à réparer cela. J'ai essayé la solution ici et ici , mais pas de chance.

Toute aide sera grandement appréciée! 

 var geoValue = facts.dimension(function (d) { return d.geo; }); var geoGroup = geoValue.group(); geoChart .width(480) .radius(100) .innerRadius(90) .dimension(geoValue) .group(geoGroup) .transitionDuration(500) .legend(dc.legend().x(250).y(100)) //LEGEND CODE .title(function(d){return d.geo;});

La syntaxe semble correcte.

J'ai eu plusieurs cas où ma légende ne se présentait pas non plus. C'est généralement parce que j'ai spécifié .x () ou .y () à l'extérieur de la taille du conteneur du graphique. Commencez par mettre la légende à .x (0) .y (0) pour vous assurer qu'elle s'insère dans le conteneur.

Un violon de travail du fichier .legend () pour le tickChart peut être trouvé ici http://jsfiddle.net/za8ksj45/39/ 

  Working example of original .legend(): line 1018 Working example of new .legend2(): line 1030

C'est un peu long parce que l'exemple inclut une modification de legend.js au début de la section qui vous permet d'ajouter (%). Si vous avez juste besoin de la légende standard, regardez la ligne 1018.