Tag: d3.js

Comment ajouter l'étiquette aux bords dans le graphique d3

Voir http://bl.ocks.org/rkirsling/5001347 Il montre certains noeuds et les bords entre eux. Pouvez-vous indiquer le code à ajouter et dans le cas où les bords possèdent des étiquettes. Vous pouvez assumer n'importe quel emplacement approprié pour les étiquettes et vous pouvez également assumer n'importe quel texte d'étiquette. Je vous remercie.

Est-il pour vérifier si une variable js est une sélection d3?

Certaines variables entrent dans ma fonction. Si le premier d'entre eux est une sélection d3, je souhaite l'utiliser, sinon je souhaite utiliser une sélection par défaut. Comment vérifier si une variable est une sélection d3 ou non?

Éditez la visualisation interne de Radius de D3 Sunburst

Comment puis-je changer le rayon du cercle le plus intérieur de la visualisation Sunburst? Voir l'exemple suivant: ( http://bl.ocks.org/d/910126/ ) notez quelle est la taille de la zone centrale, peut-elle être plus petite?) De plus, est-il possible de définir différentes hauteurs pour toutes les couches du Sunburst?

Comment faire pivoter le texte de l'axe des abscisses dans dimple.js?

C'est mon diagramme à puce (alimenté par d3): var sidechart = new dimple.chart(chart_svg, data); sidechart.setBounds(60, 30, 200, 300) var x = sidechart.addCategoryAxis("x", "Long name"); sidechart.addMeasureAxis("y", "Measure"); sidechart.addSeries(["Short name", "Long name"], dimple.plot.bar); sidechart.draw(); Le texte sur l'axe des x est assez long et, par défaut, le fossette le tourne de sorte qu'il s'affiche verticalement. Je veux […]

Plusieurs versions d'un script sur la même page (d3.js)

Je dois avoir plusieurs versions d'une bibliothèque javascript sur la même page. Comment puis-je accomplir ceci, en l'absence de refactorisation manuelle d'une version pour éviter de dénombrer des conflits? Il existe de nombreux exemples de la façon de le faire avec Jquery ( exemple ). Cela semble dépendre cependant de jQuery. Comment puis-je le faire […]

D3js transforme les images de groupe imbriquées

Je travaille sur [ce] [1] projet d3. Fondamentalement, j'essaie de créer un constructeur de requêtes SQL. Je peux déposer des boîtes dans la zone de dessin et d'autres opérateurs dans la boîte. Ensuite, je devrais pouvoir les connecter à tous. J'essaie de traduire 2 images imbriquées en groupes. Je souhaite déplacer les petits objets dans […]

D3 forçant le graphe dirigé, une forme différente selon les données et la valeur donnée?

J'ai fait un graphique dirigé par force et je voulais modifier la forme des noeuds pour les données qui contiennent "entity":"company" afin qu'ils aient une forme rectangulaire, et l'autre sans cette partie de données serait certes comme ils le sont maintenant. Vous pouvez voir mon exemple de travail avec seulement des noeuds circulaires ici: http://jsfiddle.net/dzorz/uWtSk/ […]

Personnalisé une info-bulleContenu des info-bulles avec datum dans discreteBarChart nvd3.js

Comment je peux personnaliser une info-bulleContenu des info-bulles en utilisant les données chargées dans "datum" dans discreteBarChart nvd3.js ?, par exemple, avec les données suivantes Jason, je veux voir data3, data4, Data5 dans les info-bulles JsonData = [ { key: "Serie1", values: [ {'Data1': 1, 'Data2': 2, 'Data3': 3, 'Data4': 4, 'Data5': 5 } ] […]

Comment connaître le niveau de zoom actuel dans D3.js

J'ai quelques problèmes depuis quelques jours. J'ai un graphique lorsque j'utilise le Comportement de Zoom , il fonctionne mais, je dois savoir quand j'atteins le zoom maximal pour charger le nouveau donné // Specifies the zoom scale's allowed range, [min, max] d3.behavior.zoom().x(x).scaleExtent([1,10]).on("zoom", draw) Voir mon code http://jsfiddle.net/albanlopez/D4MRP/

D3 javascript alterner les couleurs sur le clic

Je commence à jouer avec d3 et je me demandais comment vous pourriez alterner les couleurs d'un élément en cliquant dessus. Cette violon change la couleur du cercle en cliquant dessus, mais j'aimerais que la couleur soit blanche après avoir cliqué à nouveau. Code actuel: var sampleSVG = d3.select("#viz") .append("svg") .attr("width", 100) .attr("height", 100); sampleSVG.append("circle") […]

JavaScript rend le site Web intelligent, beauté et facile à utiliser.