Tag: d3.js

D3 multikreis serie datenplan

Wie würde das angepasst werden, um einen zweiten Satz von Kreisen zu überlagern? var data = [{ "name": "Twitter", "items": [{ "value": 2000 }, { "value": 3000 }] }, { "name": "Facebook", "items": [{ "value": 200 }, { "value": 300 }] }, { "name": "Ebay", "items": [{ "value": 1000 }, { "value": 2000 }] }, […]

D3.js Aktualisierung von Spline mit neuen Daten

Ich versuche, ein Spline mit neuen Daten zu aktualisieren, aber ich laufe in ein Problem mit D3.js Bibliothek. Hier ist meine Geige: http://jsfiddle.net/2N2rt/22/ Wenn ein Benutzer auf die Schaltfläche klickt, ist es das Ziel, jedes Spline nach den neuen Daten animieren zu lassen. Ich fühle mich wie ich bin ganz nah Ich habe den Artikel […]

Wie öffnet man eine URL in einem Popup-Fenster, wenn auf einen Knoten in D3 Kraft Layout?

Ich möchte eine andere Webseite anrufen, um in einem Pop-up-Fenster für jeden Knoten zu öffnen, anstatt dass es das aktuelle Svg-Fenster auftaucht. Hier ist das JSFiddle . Hier ist der Teil des Codes, den ich denke, muss geändert werden. Vielen Dank! var node = svg.selectAll(".node") .data(data.nodes) .enter().append("g") .attr("ind",function(d,i){ return i}) .attr("class", "node") .on("mouseover", mouseover) .on("mouseout", […]

Bring SVG Markup statt des eigentlichen Elements in D3 zurück

Ich arbeite an der Generation von d3 Kreisdiagramm in der Broschüre & markerclustergroup. Ich möchte eine Funktion, die die Kreisdiagramme (als Icons von Markerclustergroup), die jedem Cluster zugeordnet sind, zurückgeben. Dies ist die Funktion, die ich gerade arbeite: function here(){ var dataset = [ {legend:"apple", value:10, color:"red"}, {legend:"orange", value:45, color:"orangered"}, {legend:"banana", value:25, color:"yellow"}, {legend:"peach", value:70, […]

Wie man die Gitterlinien im Diagramm statisch macht

Betrachte das Beispiel im Link Etikettieren der Achse mit alphanumerischen Zeichen . In diesem Beispiel sind die Gitternetzlinien dynamisch, dass die Anzahl der Gitterlinien nach Koordinatenwerten ansteigt oder abnimmt. Wie man diese statische machen, dh das Diagramm so machen, wie es im Beispiel unabhängig von Koordinatenwerten ist? HINWEIS: – Durch Ändern des letzten Koordinatenwertes [17,16] […]

D3.js starter (noob): Wie bekomme ich ein D3 Beispiel von bl.ocks.org/mbostock?

Ich bin ganz neu in JavaScript und D3.js. Ich habe in den letzten Tagen etwas Arbeit geleistet, wie das passende json-Objekt für die Grafik, und wollte wissen, wie man dieses Beispiel läuft insbesondere. Jede Richtung zu geeigneten Links wäre toll, obwohl ich es vorziehen würde, eine Antwort in Form von fehlenden Tags oder irgendwelche Details […]

D3 mehrzeiliges Diagramm mousemove Problem

Ich arbeite an Multi-Line-Chart mit mousemove mit Winkel Benutzerdefinierte Direktive, verschiedene Daten für jede Richtlinie Ich werde zeigen, wie 10 bis 15 Charts auf einer Seite, kopiert die Mousemove-Code aus Here ist das Problem hier vor, wenn es mehr gibt Als eine Diagramme und Maus bewegt sich auf die Werte werden auch in anderen Charts […]

Eingekerbter Baum mit D3.js anstelle von Protovis

Gibt es eine D3.js Version dieses Protovis eingerückten Baumes? Diese Protovis-Version des eingekerbten Baums addiert auch die Maßwerte der Blattknoten für alle Elternknoten auf verschiedenen Ebenen.

Ausführen von TreeData Beispiel D3JS

Ich versuche, das Beispiel der DataTree von D3Js zu testen und ich habe gerade den Code kopiert und eingefügt: http://bl.ocks.org/d3noob/8329447 . Ich habe den TreeData.json in meinem C-Laufwerk gespeichert und den d3.json ("treeData.json", function (error, treeData) zu d3.json ("C: \ treeData.json", function (error, treeData) und geändert Ich bekomme den Fehler von "Kann nicht lesen Eigenschaft" […]

D3 dynamische gekrümmte Linie in Kraft Layout

Ich hätte gern eine dynamische Bezier-Kurve für die Linie in einem Kraft-Layout wie dieses Cytoscape-Beispiel , ist in d3 möglich? Sehen Sie dieses Beispiel d3, aber verwenden Sie Bogen. Ich habe keine Ahnung von dem Algorithmus, jemand hat eine Idee?

Lassen Sie uns Javascript Schönheit und nützlich machen.