Articles of d3.js

Conversione dati JSON D3

Ho questa struttura dati JSON: [ { “dep”: “d1”, “name”: “name1”, “size”: “size1” }, { “dep”: “d1”, “name”: “name2”, “size”: “size2” }, { “dep”: “d2”, “name”: “name1”, “size”: “size3” }, { “dep”: “d2”, “name”: “name1”, “size”: “size4” } ] e voglio convertirlo in una struttura nidificata come questa: { “name”: “root”, “children”: [ { “name”: […]

Grafico a barre con valori negativi

Devo creare un grafico a barre d3 che possa avere valori negativi. Idealmente, la posizione zero dell’asse dovrebbe essere calcasting in base all’estensione dei dati, ma mi accontento di una soluzione che presuppone un’estensione simmetrica positiva e negativa, ovvero che sarebbe sempre nel mezzo del grafico. Ecco un esempio di ciò che mi piacerebbe ottenere.

Eventi del mouse D3: fai clic e trascina fine

In D3, se hai definito una funzione di trascinamento come questa: var drag = d3.behavior.drag() .on(“drag”, function () {alert(“drag”)}) .on(“dragend”, function () {alert(“dragEnd”)}); Non puoi davvero fare quanto segue: d3.select(“#text1”) .on(“click”, function(d,i) {alert(“clicked”)}) .call(drag); Il motivo è che il clic verrà generato dopo che il “dragend” sparerà. Secondo me, dovrebbe esserci un evento separato per […]

Converti un file SVG generato da JavaScript in un file

Sto usando d3.js per visualizzare alcuni dati. Mi piacerebbe essere in grado di prendere il codice SVG che genera e memorizzarlo come file di immagine .svg (per la modifica in Inkscape / Illustrator). Ho provato semplicemente a copiare il contenuto del tag svg cioè in un file chiamato image.svg, ma questo manca sulle informazioni sul […]

Come impostare più attributi con una funzione di valore?

Dato un dato contenente più elementi di dati, come un object o un array, è ansible impostare più attributi su una selezione con una funzione a valore singolo? Ad esempio qualcosa come: var data = [{ ‘x’: 10, ‘y’: 20, ‘r’: 5 }]; d3.select(‘body’).append(‘svg’).selectAll(‘circle’) .data(data) .enter().append(‘circle’) .attr(‘cx cy r’, function (d) { return [dx, dy, […]

Come posso restituire la coordinata di un percorso in d3.js?

Ho un grafico e voglio che la linea che rappresenta il grafico mostri un cerchio alla coordinata x quando passi sopra l’area svg. Questo cerchio dovrebbe seguire il percorso della linea che rappresenta la curva. Il problema è che non so come farlo. Il codice seguente mostra fino a che punto sono riuscito e aggiunge […]

Cambia i segni di spunta sull’asse x

Sto cercando di capire d3.js. Durante la definizione dell’asse, Come posso ottenere un’etichettatura personalizzata sull’asse x. Ad esempio, l’etichetta predefinita che ottengo è: |——|——|——|——|——|——| 20 30 40 50 60 70 80 Considerando che, voglio qualcosa come: |——|——|——|——|——|——| …. 20 26 32 38 44 50 56 Attualmente sto imparando e lavorando sul codice (leggermente modificato) dagli […]

Non è ansible rendere i percorsi disegnare crescendo lentamente con D3

Utilizzando la libreria grafica d3, non riesco a rendere i percorsi disegnare lentamente in modo che possano essere visti crescere. Questo sito ha un esempio perfetto nella sezione “Grafico a linee (Srotolare)”, ma non viene fornito alcun codice per quella sezione. Qualcuno potrebbe aiutarmi con le linee del codice D3 che potrebbero farlo accadere? Quando […]

Come usare D3 in Node.js correttamente?

Ho cercato di richiamare D3 in Node.js. Ho provato prima ad importare d3.v2.js dal sito web di D3 con il tag script, ma poi ho letto questo thread: Voglio eseguire d3 da un Cakefile Dove l’autore di D3 consiglia di ‘npm install d3’ … Ho fatto questo, e posso richiamarlo con successo nella console dei […]

d3.js diffusione di etichette per grafici a torta

Sto usando d3.js – Ho un grafico a torta qui. Il problema però è quando le fette sono piccole – le etichette si sovrappongono. Qual è il modo migliore per diffondere le etichette. http://jsfiddle.net/BxLHd/16/ Ecco il codice per le etichette. Sono curioso – è ansible prendere in giro un grafico a torta 3d con d3? […]