Tag: d3.js

Multi Line Ordinal d3 chart

Excusez-moi si cela semble être une question D3 en double. J'ai passé 2 jours à essayer de comprendre comment faire cela. J'essaie de créer un graphique multi-lignes avec l'axe des x comme échelle ordinaire, et l'axe y comme échelle linéaire normale. Tout ce que j'ai vu implique d'utiliser le temps et les échelles linéaires combinées […]

GWT JSNI renvoie une fonction js

Comment puis-je renvoyer une fonction JavaScript de JSNI dans GWT? Je l'ai essayé de la manière suivante: /* JSNI method returning a js-function */ public static native JavaScriptObject native_getFunction() /*-{ return function(a,b){ //do some stuff with a,b } }-*/; Rangez la fonction dans une variable /* outside from GWT: store the function in a variable […]

Chargement du fichier json sur d3.js

J'ai utilisé la force.js de d3 à des fins de visualisation. Voici l'extrait de js complet: d3.json("test.json", function(json) { force.nodes(json.nodes) .links(json.links) .start(); }); Le fichier test.json se trouve actuellement au même endroit que celui du fichier js. Ça marche bien. Les fichiers se trouvent dans le dossier «pages» de mon application Web. Si j'utilise l'URL […]

Réglage de la couleur de la flèche de l'extrémité du marqueur dans D3.js

Le code ci-dessous affiche les marqueurs dans les flèches / chemins / lignes comme prévu, mais la couleur de l'extrémité du marqueur ne varie pas selon la ligne (c'est-à-dire, c'est toujours la même couleur orange, et non la couleur de sa ligne respective). Je pense que le code est en défaut pour la couleur attribuée […]

Comment obtenir le tableau JSON spécifique à partir d'une valeur dans ce tableau

Je suis nouveau sur d3.js et JSON. J'apprends en effectuant de petites petites visualisations. Maintenant, j'essaie de charger des données JSON et de visualiser les détails en fonction du code de pays. Mes données JSON sont comme: [ { "Id":"SWE", "Country":"Sweden", "Population":9592552 }, { "Id":"NOR", "Country":"Norway", "Population":5084190 }, . . . ] J'ai des pays […]

Couleurs de remplissage aléatoire dans Chart.js

J'ai utilisé nvd3 depuis longtemps. Dans nvd3, nous avons la possibilité de spécifier les couleurs automatiques de remplissage du graphique. chart.barColor() Comment puis-je remplir des couleurs aléatoires dans les graphiques Chart.js sans définir chaque couleur dans les ensembles de données? Je ne souhaite pas utiliser la fonction JavaScript pour générer et obtenir des couleurs aléatoires. […]

Réglage css d'axe dans d3.js

Est-ce qu'il est loin de faire .axis path {fill: none} in d3.js? J'ai essayé .attr et .style sur .call (d3.svg.axis () mais en vain. Je fais juste quelque chose de mal ici … Le code complet que j'utilise pour créer mes axes est le suivant: // create Axis svg.selectAll("axis") .data(d3.range(angle.domain()[1])) .enter().append("g") .attr("class", "axis") .attr("transform", function(d) […]

D3.js: Passer des données du nœud parent au nœud enfant sur l'événement de clic

J'utilise d3 pour créer un graphique à barres empilées. Grâce à cette question précédente, je lierai les données associées à un nœud parent à un nœud enfant utilisant parentNode .__ data __. Key. Les données sont un tableau avec un objet pour chaque barre (par exemple, 'aime'). Ensuite, chaque objet contient un tableau de valeurs […]

Comment zoomer / sortir d3.time.scale sans mise à l'échelle d'autres formes liées à la chronologie

Http://jsfiddle.net/HF57g/ est un exemple d'un seul événement (bleu rect) placé sur la timeline. Si je fais un zoom sur la ligne de temps, le placement de droite sur l'axe x change en harmonie avec les tiques sur l'axe. Mais en même temps, le rect est mis à l'échelle horizontalement. Si je modifie la section suivante […]

Etiquetage des axes

L'axe x de mon graphique de ligne représente l'argent. Existe-t-il un moyen d'ajouter un symbole € au début de chaque coche? En ce moment, ce ne sont que des valeurs 2000000, 250000, 300000 …. J'aimerais qu'ils affichent 2000000 €, 250000 €, 300 000 € … J'ai essayé d'ajouter l'€ à mon fichier .CSV, mais cela […]

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