Tag: d3.js

Verwenden Sie für Fragen über D3.js selbst oder eine der vielen plugins/Module, die es gibt. Zusätzlich, wenn Hilfe erforderlich ist, in der Gebäude-Visualisierungen mit D3.js.

Wie handhaben Schichten mit fehlenden Datenpunkten in d3.layout.stack()

Anzahl der Antworten 3 Antworten
Ich bin mit d3.stack erstellen Sie ein gestapeltes Flächendiagramm, aber ich bekomme einen Fehler wenn ich nicht eine gleiche Anzahl der Elemente in jeder Schicht. Ich fange mit einer Reihe von Daten wie diese: [ {key:'Group1',value,date}, {key:'Group1',value,date},

Einfaches Linien-Diagramm von AngularJS array

Anzahl der Antworten 1 Antworten
Ich habe eine Webseite mit einer Tabelle gemacht, mit ng-repeat. Jetzt möchte ich die Anzeige der Preise ( = {{amount}} ) in das array in einem Diagramm. Code: <table> <tr ng-repeat="tx in data.transactions | filter:filterQuery"> <td>{{tx.date}}</td> <td>{{tx.account}}</td>

Wie kann ich mit D3 (oder javascript), um eine form option als "selected"

Anzahl der Antworten 3 Antworten
Ich versuche zu lernen D3. Ist es elegante eine Möglichkeit, die Suche durch alle Optionen in einem select-Formular-element, und geben Sie eine option mit einem entsprechenden Wert als "ausgewählt"? var xStat = "G"; var statOptions = {

d3.js Fügen Sie einen Kreis in d3.geo.Pfad

Anzahl der Antworten 1 Antworten
Habe ich eine Karte von einem mbtile umgebaut zu einem geojson, die Projektion ist WGS84. Ich lade es so : var map = svg.append("g").attr("class", "map"); var path = d3.geo.path().projection(d3.geo.albers().origin([3.4,46.8]).scale(12000).translate([590, 570])); d3.json('myjsonfile.json', function(json) { map.selectAll('path').data(json.features).enter().append('path').attr('d', path) }); Nun

Mit d3.layout.stack() und Parsen von csv-bar-chart

Anzahl der Antworten 1 Antworten
In der Gestapelt-auf-Beispiel für das gruppieren von Mike Bostock er verwendet die folgenden zu generieren seiner Daten. Ich habe meine eigenen Daten in eine CSV-Datei, damit die Entschlüsselung dieser und wie kann ich das beseitigen und meine

Wie Sie sql-Abfragen Verwenden, um zu zeichnen dynamisches Diagramm in NV D3?

Anzahl der Antworten 1 Antworten
Den untenstehenden code für horizontales Balkendiagramm, das gut funktioniert aber jetzt brauche ich, um abrufen von Daten aus sql-Datenbank entsprechend soll das Diagramm dynamisch ändern, also wo könnte ich das einfügen von sql-Abfragen in diesen code und

So fügen Sie eine nette Legende, eine d3-Kreisdiagramm

Anzahl der Antworten 2 Antworten
Habe ich mein Kreisdiagramm arbeiten ok, aber ich möchte hinzufügen, eine schöne Legende, die Art, wie diese (made in mspaint) kann aber nicht ganz, damit es funktioniert... Hier ist mein Kreisdiagramm code (ohne Legende Teil) : HTML:

Overlay-Kreis, text, etc. über d3.js multi-Linien Serie

Anzahl der Antworten 1 Antworten
Habe ich die multi-series line-chart code mit leichten Modifikationen, um meine Daten. Dies ist, was ich Wünsche zu tun, und keine Lösung habe ich angeschaut, scheint richtig zu funktionieren für mich. Ich möchte overlay-element (Kreis, rectange, ausgeblendet,

Wie man web-element (id) von der element-position in D3.js force-Diagramm

Anzahl der Antworten 2 Antworten
Arbeite ich mit der D3.js Kraft-Diagramm, aber ich bin nicht in der Lage, um herauszufinden, die element-id aus dem element position (die ich kenne). Ich bin mit Leap motion. Ich brauche, um zu simulieren, ein Maus-Ereignis (ein

d3.geo.Pfad() zum zeichnen von mehreren Routen auf einer Karte

Anzahl der Antworten 1 Antworten
Gegeben ein array von Flugzeugen mit einem Wegpunkte-Eigenschaft, die eine Zeichenfolge von breiten-und Längengrade getrennt durch Leerzeichen, ist dies der effizienteste Ansatz zum zeichnen der Routen auf einer Karte in D3. Gibt es eine weitere D3-artige Ansatz,

D3: "SVG4601: SVG-Pfaddaten hat Falsches format und konnten nicht vollständig analysiert werden."

Anzahl der Antworten 2 Antworten
Ich bin rendering ein Liniendiagramm und es funktioniert einwandfrei auf FF und Chrome. Wenn ich den gleichen code auf IE 11, aber, meine Zeilen werden nicht angezeigt, und bekommen auch mehrere hundert Fehler erscheinen in der Konsole,

D3: Wie kann ich Daten in ein vorhandenes Balkendiagramm

Anzahl der Antworten 1 Antworten
Habe ich erfolgreich meinen ersten Balkendiagramm. Jetzt möchte ich hinzufügen, mehr bars, die bestehenden Diagramm mithilfe der übergänge, um eine schöne user experience. Hier ist mein code: var data = [23, 85, 67, 38, 70]; //dummy, normally

HTML5 2d Hex-Brettspiel (tabletop) Motor

Anzahl der Antworten 4 Antworten
Ich bin auf der Suche nach einem sehr einfachen HTML5-2D Hex /Touch-game-engine-framework zum entwickeln von Brett-Spiel, wie: Rundenbasiertes 2D Hex Grid Wargame Dungeon-Crawler Siedler von Catan Krosmaster Fand ich eine tolle Artikel, auf Hexagon raster mit einem

d3.js Diagramm nicht aktualisiert, mit neuen Daten

Anzahl der Antworten 1 Antworten
Einer Reihe der Rechtecke werden gezeichnet, indem d3.js durch das Holen einer Anordnung von 100 Objekten. Obwohl die console.log(data) zeigt, dass neue Daten empfangen wurden, werden die neuen Daten Punkte scheinen nicht Anhängen beliebiger Rechtecke. War .enter().append()

D3.js anpassen rect-zu-text-Größe: getBBox()?

Anzahl der Antworten 1 Antworten
Ich bin momentan dabei, ein force-directed-graph unter Verwendung D3.js finden Sie in JSFiddle: http://jsfiddle.net/pwxecn8q/. Den text und rect sind in der gleichen Gruppe gelegt. Beim Anhängen der rects I möchten, wählen Sie die text element für die

extrahieren Sie Monat, Tag und Jahr, analysiert nach Datum d3.js

Anzahl der Antworten 1 Antworten
Ich Analysierte das Datum aus der json-Datei mit der Funktion in d3.js: var parseDate = d3.time.format("%m-%Y").parse; bekommen und das Datum als: var date = "Tue Jan 01 2013 00:00:00 GMT+0530 (India Standard Time)" Will ich jetzt nehmen

d3 Verschachtelung auf mehrere Tasten, die mit einer Schleife

Anzahl der Antworten 2 Antworten
Ich bin mit d3.nest (), um eine hierarchische Objekt aus einer CSV-Datei. Könnten Sie mir bitte helfen zu verstehen, warum der folgende code nicht funktioniert. Ich schaffte es nicht die Verwendung der nesting-Funktion innerhalb einer Schleife, wie

Gibt es einen nutzen zu installieren d3.js über npm für Eckige 2 Typoskript-Projekt?

Anzahl der Antworten 1 Antworten
TL;DR: d3.js sollte installiert werden, die über npm, als sollten die Testungen. Akzeptierte Antwort hat details. Ich war neu in Eckigen wenn ich schrieb diese Frage. Die npm Prozess ist der standard: für Baum-schütteln, Paketverwaltung, Update usw

Neuzeichnen Histogramme mit Crossfilter und D3

Anzahl der Antworten 1 Antworten
Ich bin eine Anpassung der Crossfilter Bibliothek zu visualisieren einige tweets habe ich das sammeln von der Olympiade. Ich bin versucht, zu einer wesentlichen Verlängerung der ursprünglichen Beispiel auf zwei Arten: Anstatt die Listen der Flüge auf

Polar-plots verwenden D3.js

Anzahl der Antworten 2 Antworten
Kennt jemand gute Beispiele Herstellung eines polar-plot mit der D3 Javascript-Bibliotheken? Ich habe gesehen, wie einige rose plots wie diese und diese, aber ich bin wirklich auf der Suche nach etwas ähnlich wie die Matlab-polar-plot: Alle Beispiele

Richtige Weg, um wählen Sie untergeordnete Knoten in D3

Anzahl der Antworten 1 Antworten
Habe ich eine SVG-element mit ein paar Knoten: gnodes = svg.selectAll("g.node") .data(_nodes); var newNodes = gnodes.enter().append("g") .attr("class", "node") .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; }) .call(drag) .on('mouseover', onMouseOver) .on('mouseout', onMouseOut);

D3js einzelne bar-graph-updates per Schieberegler

Anzahl der Antworten 1 Antworten
Ich bin versucht, erstellen Sie ein einfaches Balkendiagramm, das aktualisiert, wenn Sie änderungen an einem Schieberegler, ich habe ein paar Fragen. Ich weiß nicht, wie ein update-Attribut des svg-Elements beim ändern der Schieberegler ohne Zeichnung ein ganz

Laden von JSON-URI mit inline-JSON-in-Polymer

Anzahl der Antworten 2 Antworten
Ich mache eine d3.js map-Komponente mit Polymer. Die Topologie-Daten geladen werden muss, aus einer json-Datei und da ich nicht möchte, dass die Komponente, die abhängig von einer URL/URI, ich bin mit inline-JSON statt laden mit AJAX: <polymer-element

Reibungslosen übergang zwischen Baum -, cluster -, radial-Baum -, radial-und cluster-layouts

Anzahl der Antworten 2 Antworten
Für ein Projekt, ich brauche, um interaktiv ändern hierarchische Daten-layout-Visualisierung - ohne änderung der zugrunde liegenden Daten zu löschen. Die layouts zum schalten zwischen selbst sollten Baum -, cluster -, radial-Baum -, und radial-cluster. Und der übergang

Wie Sie verhindern, dass d3 auslösen ziehen Sie auf der rechten Maustaste?

Anzahl der Antworten 5 Antworten
Ich habe einige ziehen Verhalten, dass wie erwartet funktioniert wie folgt (code in CoffeeScript): nodeDrag = d3.behavior.drag() .on("dragstart", (d, i) -> force.stop()) .on("drag", (d, i) -> d.px += d3.event.dx d.py += d3.event.dy d.x += d3.event.dx d.y +=

Zugriff auf SVG-Pfad-Länge in d3

Anzahl der Antworten 1 Antworten
Ich habe ein multi-line-Diagramm, das einen übergang einstellen, damit die Linien 'gezogen' und die Etiketten eins nach dem anderen. Es funktioniert, aber ich kann nicht sehen, wie Sie auf die Länge der jede Zeile einzeln. Der code,

So laden Sie Daten aus einer CSV-Datei in D3 v5

Anzahl der Antworten 2 Antworten
Ich versuche, das laden der Daten aus einer CSV-Datei in D3, ich habe diesen code: function update (error, data) { if (error !== null) { alert ("Couldn't load the dataset!"); } else { //do something }; function

D3 Zeit analysieren, wird null zurückgegeben

Anzahl der Antworten 2 Antworten
Gemäß den Anweisungen auf dieser Seite: https://github.com/mbostock/d3/wiki/Time-Formatting ich versuche zu analysieren, ein ISO-8601-Datum für den Einsatz in D3.js. Mein test ist fast Wort für Wort aus dem post, die ich nicht bekommen kann es arbeiten für eine

d3 fügen Sie text in SVG rect

Anzahl der Antworten 1 Antworten
Ich bin Anfänger in der d3.js und ich möchte hinzufügen, einige text-und rect-innere rect. hier ist mein code: if (!_svg) { _svg = d3.select("#col1").append("svg") .attr("height", _height - 2) .attr("width", _width - 2); } _svg.append("text").attr({ id: "leftDomainName", x:

NVD3.js multiChart x-Achsen-Beschriftungen ist ausgerichtet auf die Zeilen, aber nicht in bars

Anzahl der Antworten 1 Antworten
Ich bin mit NVD3.js multiChart zeigen mehrere Linien und Balken im Diagramm. Alles funktioniert gut, aber die x-Achsenbeschriftungen ist ausgerichtet nur auf der Linie Punkte, nicht bars. Ich will richtig ausrichten Etiketten, die direkt unterhalb der Balken,

d3.js nvd3.js — Get-y-Achse min/max-Werte

Anzahl der Antworten 2 Antworten
Ich bin mit NVD3 ist lineChart-Modell. Brauche ich, um Kraft-setzen der min und max der y-Achse die Werte relativ auf die tatsächlichen Werte, z.B.: Diagramm.Linien.forceY([min/1.1,max*1.1]); Wie bekomme ich die aktuellen min/max y-Achsen-Werte? InformationsquelleAutor gipadm | 2013-11-20

D3 Grafik (mit links) über google maps

Anzahl der Antworten 2 Antworten
Ich versuche mich zu ändern diese Beispiel, indem die verbindungen zwischen den Knoten (Verwandte). <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?1.29.1"></script> <style type="text/css"> html, body, #map { width: 100%; height:

weisen Sie eine neue id-Attribut auf jedes element erstellt

Anzahl der Antworten 2 Antworten
Wie ordne ich das id-Attribut zu jedem append Kreis, so dass ich später nutzen kann, die Kreise, basierend auf dessen id. Für jetzt bin ich in der Lage zu Klonen den Kreis ziehen mit id. Demo: https://jsbin.com/zuxetokigi/1/edit?html,Ausgabe

Fügen Sie einen Kreis um ein d3.js anzeigen

Anzahl der Antworten 3 Antworten
Habe ich erzeugt eine Karte des Phoenix aus dieser GeoJson und machte es zu zeigen, wie ich es haben möchte. Nun würde ich gerne hinzufügen, Kreise auf der Karte repräsentieren etwas von Interesse, aber Kreise niemals auftauchen.

Holen Sie sich Pfeilspitzen-zu-Punkt an der äußeren Kante von Knoten in D3

Anzahl der Antworten 2 Antworten
Ich bin neu in D3 und ich bin versucht, zu erstellen eine interaktive Netzwerk-Visualisierung. Ich habe kopiert große Teile der diese Beispiel, aber ich habe geändert, die gekrümmten Linien gerade durch die Verwendung von SVG - "Linien"

Wie fügen Sie ein Leerzeichen zwischen Achse und Linie in D3 Liniendiagramm?

Anzahl der Antworten 1 Antworten
Angesichts dieses einfache Diagramm habe ich erstellt: var data = [["2013-01-24 06:38:02.235191", 52], ["2013-01-23 06:38:02.235310", 54], ["2013-01-22 06:38:02.235330", 45], ["2013-01-21 06:38:02.235346", 53]], maxValue = d3.max(data, function (d) { return d[1]; }), margin = {top: 20, right: 20,

Erhalten Sie den Wert des input-element im Ereignis-listener mit d3

Anzahl der Antworten 2 Antworten
Ich habe zwei html-Elemente: <input id="searchInput"> <div id="searchText"></div> Ich bin mit d3 einen listener hinzufügen, in einem Skript. d3.select("#searchInput").on("keyup",getSearchText); Brauche ich eine Funktion, die Drucke einen Wert von input in ein div function getSearchText(value) { d3.select("#searchResults").html(value.toString()); }

Die Auswahl von d3 data subset basiert auf der Spalte

Anzahl der Antworten 3 Antworten
Wie passe ich den code unten aus http://bl.ocks.org/mbostock/3884955, wählen bestimmte Spalten? var line = d3.svg.line() .x(function(d) { return x(d.date); }) .y(function(d) { return y(d.temperature); }); d3.tsv("data.tsv", function(error, data) { color.domain(d3.keys(data[0]).filter(function(key) { return key !== "date"; })); data.forEach(function(d)

vertikaler text in d3 (nicht gedreht)

Anzahl der Antworten 4 Antworten
Ich versuche text für die Anzeige vertikal in svg mit d3. Ich will nicht, es zu drehen, aber: ich möchte die Buchstaben zu bleiben, die horizontale, aber eine über der anderen. Einstellung writing-mode=tb scheint nicht, etwas zu

Ändern der Größe der Blase in der Scatter-Plot für c3.js

Anzahl der Antworten 2 Antworten
Habe ich eine scatter-plot-charge, wo ich will zu ändern, die Größe der Punkte, dass Sie Aussehen wie bubble. Kann jemand mir zeigen, wie das ändern der Größe der Blase? Hier ist mein code: var chart = c3.generate({

D3 Multiline-Grafik mit Tooltip-Übergang Problem

Anzahl der Antworten 1 Antworten
Ich habe mit d3 zum erstellen einer mehrzeiligen Diagramm mit der Fokus-und Kontext-Bürsten. Alles läuft gut außer auf den übergang der Punkte an die Datenpunkte mit den tooltips bewegen sich auf einer völlig falschen position. Ich kann

Variable Präzision in d3.format

Anzahl der Antworten 2 Antworten
Ich bin mit d3.format("s") mit d3.svg.Achse.tickFormat hübsch format der hilfsstrichbeschriftungen mit SI-Einheit (aus dem Internationalen System der Einheiten). Es funktioniert wunderbar für den größten Teil, außer für gewisse Werte, die in einen Rundungsfehler und bringen Sie eine

wie man svg-element Typ

Anzahl der Antworten 1 Antworten
ich habe eine Frage, wie bekomme ich den Typ der svg-element, btw ich nutze d3.js ich habe sth wie diese var selectedElement = svg.select("." + STYLE.selected); if (selectedElement instanceof SVGCircleElement){ alert("here circle"); selectedElement.style("fill", function(){return d3.rgb(d3.select(this).attr("fill"));}); } if

Die Hälfte gefüllter Kreis mit d3.js

Anzahl der Antworten 3 Antworten
Ich versuche zu erstellen, die ein halb gefüllter Kreis mit d3.js wie diese. Ich finde nicht jedes Beispiel, wie es zu tun. Wie kann dies gemacht werden mit d3.js? InformationsquelleAutor baba-dev | 2013-07-07

D3: skip Nullwerte in Liniendiagramm mit mehreren Linien

Anzahl der Antworten 2 Antworten
Ich habe ein dynamisches array zu zeigen, ein Liniendiagramm mit mehreren Linien. Beispiel: var data = [[{x:2005, y:100}, {x:2007, y:96.5}, {x:2009, y:100.3}, {x:2011, y:102.3}], [{x:2005, y:100}, {x:2007, y:105}, {x:2009, y:102}, {x:2011, y:104}]] Diesem Teil meiner script zeichnet

Wie erstelle ich einen link, der jedes Wort in d3 cloud?

Anzahl der Antworten 1 Antworten
Ich bin mit D3 Cloud zu bauen, eine word cloud. Hier ist der Beispielcode: <!DOCTYPE html> <meta charset="utf-8"> <body> <script src="../lib/d3/d3.js"></script> <script src="../d3.layout.cloud.js"></script> <script> var fill = d3.scale.category20(); d3.layout.cloud().size([300, 300]) .words(["This", "is", "some", "random", "text"].map(function(d) { return

Sortieren einer Auswahl in d3.js stört die Daten-beitreten

Anzahl der Antworten 1 Antworten
Wenn ich neu ordnen eine Auswahl von Pfaden in d3 mit Auswahl.sort(), die Daten-Verknüpfung gestört ist und die meine Wege bekommen, wieder neu in die falschen Daten Gegenstände. Ich möchte nur die Reihenfolge der Pfade, so dass

ein - /ausblenden, Ebenen in d3.js

Anzahl der Antworten 1 Antworten
Zunächst einmal: ich bin neu d3.js! Habe ich eine Karte und einige Punkte, die darauf angezeigt. Jetzt möchte ich hinzufügen-Schaltflächen zum ein - /ausblenden der Punkte. Was habe ich bis jetzt: function checkAll(){ d3.selectAll("g").attr("visibility", "visible"); } function

Hinzufügen von Raster D3.js Liniendiagramm

Anzahl der Antworten 2 Antworten
Habe ich dieses Liniendiagramm hier: jsfiddle.net/yfqQ4/ Mein Problem ist jetzt, dass ich nicht bekommen, eine richtige raster im hintergrund die Arbeit mit einer Legende (y-und x-Achse) wie folgt: http://lab.creativebrains.net/linechart.png Kann jeder posten kann mir ein code-snippet, wie

Probleme zeichnen d3.js Fokus+Kontext über Bürsten-Diagramm mit mehreren Pfaden

Anzahl der Antworten 2 Antworten
Ich habe seit ein paar Wochen und kann nicht scheinen, um herauszufinden, wie man die unten stehende Diagramm mit mehreren Pfaden. Fokus+Kontext über Bürsten-chart Ich habe versucht, erstellen Sie ein jsfiddle aber war nicht in der Lage