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.
Pie (donut) - Diagramm-segment, um in D3
1 Antworten
Ich habe eine donut-Diagramm, erstellt mit d3 mit einen jQuery-Schieberegler, der es einem Benutzer ermöglicht, zu wählen zwischen verschiedenen Daten-Punkte. Das Diagramm animiert die übergänge zwischen Daten, Werte und alles ist gut. Das problem: Die Segmente immer
wie die eindeutige id, um SVG-text-Elemente in d3 javascript
1 Antworten
Machen Sie ein Balkendiagramm in d3. Ich habe 30+ bars, mit 30+ entsprechenden Beschriftungen auf der x-Achse. Ich möchte die x-Achsenbeschriftungen werden ausgeblendet, wenn die Seite geladen wird (das funktioniert), UND werden nur ANGEZEIGT, wenn der Benutzer
Wie dreht man ein Objekt um das Zentrum in d3.js
2 Antworten
Habe ich zwei einfache Objekte in d3.js sollten Sie Kreisen um das Zentrum der Ansicht (wie die Planeten um die Sonne). Ich bin neu d3.js und ich weiß, dass ich die übergänge, aber wie die Planeten um
Anhängen d3.js Leinwand div
1 Antworten
Ich bin versucht, fügen Sie eine Legende zu einem Diagramm, und ich möchte anfügen, es auf mein Diagramm, div. Jetzt bin ich mit dem folgenden code, der hängt die Legende der "Körper". Ich möchte stattdessen hängen Sie
So ändern Sie die Farbe der Linie in d3js gemäss Achse Wert?
3 Antworten
Möchte ich die Farbe ändern, um diese Linie Diagramm, wenn X > 100 will ich es wieder auf "rot" Gibt es eine Möglichkeit, die ich nutzen kann Zustand in Strich-Farbe, Stil, basierend auf Wert von X ?
D3-force-layout: Wie kann ich die Größe von jedem Knoten?
2 Antworten
Ich bin mit dem erstaunlichen D3JS zu bauen, graph. Die Grafik ist gerendert, aber ich möchte, dass meine Knoten haben jeweils eine Größe. Werden die Daten in dieser form : {Quelle: "Antony Hoppkins", target: "Woody Allen", Wert:
so erzeugen Sie eine Grafik/ein Diagramm wie Google Analytics die Besucherströme?
2 Antworten
Ich versuche zu generieren, die ein Diagramm ähnlich wie in der aktuellen Google-Analytics "Visitor Flow". Diese sind auch bekannt als Alluvial-Diagramme. Kann ich mit einem web-oder nicht web-basierte Lösung, so lange wie ich laufen kann, es selbst.
Umwandlung von string-Zeit in Millisekunden
3 Antworten
Habe ich eine Reihe von einzelnen json-Daten, Sie haben jeweils einen Zeitstempel, Wann es erstellt wurde, in genau diesem format z.B. [ {"Name": "Jake", "created":"2013-03-01T19:54:24Z" }, {"Name": "Rock", "created":"2012-03-01T19:54:24Z" } ] Als Ergebnis Wünsche ich für die
Reorder-Elemente von SVG ( z-index ) in D3.js
1 Antworten
Ich begreife, dass diese Frage gestellt wurde, bevor, aber ich kann nicht auf den Grund gehen. Hier ist mein Diagramm... http://www.gogeye.com/financialnews/piechart/index3.html Alles was ich will zu tun haben, ist die Münze render hinter dem Diagramm. Ich weiß,
Nicht geschlossene SVG-Pfad geschlossen zu sein scheint
2 Antworten
Schreibe ich einige Sachen mit d3 und ich kam in eine bizarre problem. Wege, geschlossenes Ende mit einer " Z " - Zeichen, aber jeder Weg, den ich machen schließt ( und füllt ), unabhängig davon, ob
d3.json, d3.xhr-und cross-domain-Probleme
2 Antworten
Ich machte mehrere tests, die heute im Zusammenhang mit der Art, wie wir können, laden von json-Dateien mit d3, weil ich so fasziniert war von dieser Frage: d3.json funktioniert, aber $.getJson ausfällt. Aber einige der tests, die
d3 einfachen linearen chart mit jquery ui-slider range
1 Antworten
Kombinieren einfache d3.js chart (zum Beispiel http://bl.ocks.org/2579599) mit jQuery.ui range-slider? Mit diesem regler würde ich auf Steuerung x-Achse (betteln und am Ende der Datenreihe). Ich erwarte, dass mein Diagramm enthält umfangreiche Daten zu setzen und im Idealfall
D3JS Auswahl und Klasse
2 Antworten
Gibt es eine einfache Möglichkeit zum erweitern Sie die folgende Stück code, so dass div.someclass werden automatisch erstellt wenn es nicht existiert? d3.select("body").select("div.someclass").selectAll("p") .data([ 1, 2, 3 ]) .enter() .append("p") .text(function (d, i) { return "index: "
Warum sind d3 select() und selectAll() verhält sich hier anders?
3 Antworten
Ich bin Herumspielen mit der ziehen Beispiel multiples, und ich bemerkte etwas, das ich nicht erklären kann. In diesem snippet: var svg = d3.select("body").selectAll("svg") .data(d3.range(16).map(function() { return {x: width / 2, y: height / 2}; })) .enter().append("svg")
D3, rufen Sie die x-position des a <g> - element und die Anwendung mehrere zu verwandeln
1 Antworten
Mit D3.js ich will zu verwandeln x einer group viele Zeiten (zB. durch klicken auf eine Schaltfläche ein, verursacht eine Transformation für jeden Klick), beginnend von der aktuellen position der Gruppe. Problem ist kann ich nicht abrufen,
Dynamisch laden externer Daten aus einer Datenbank in d3.js
2 Antworten
Ich versuche nachladen arbeiten in d3 und ich habe Probleme versuchen, herauszufinden, wie zu aktualisieren, die Daten aus der Datenbank. Ich habe ein array, das die Werte enthält, die sich ändern sollte jede Sekunde: var Daten =
D3.js, Kraft-Diagramm nicht anzeigen von text/Beschriftung der Knoten
1 Antworten
Kann ich nicht anzeigen, Beschriftungen von Knoten mit einem Kraft-layout in d3.js. Ich versuche mit diesem Beispiel http://d3js.org/d3.v3.min.js Ich aktualisiert, dass der code nur hinzufügen von zoom, so wie hier: var svg = d3.select("body").append("svg").attr("width", width).attr("height", height).append('svg:g').call(d3.behavior.zoom().on("zoom", redraw));
D3.js überprüfen, um zu sehen, ob ein Knoten einer Klasse
1 Antworten
Ich versuche zu schreiben click Funktion wählen Sie den nächsten g.slice Knoten hinzufügen einer Klasse .sliceActive zu es und entfernen Sie .sliceActive von der ursprünglichen .slice. Allerdings nur, wenn Sie sind in der letzten g.slice (mit einer
In der JSON-Daten in D3 Javascript-Visualisierung
1 Antworten
Arbeite ich durch die Verwendung von JSON-Daten zu fahren, einige Diagramme mit der javascript-D3 Visualisierungs-tools (http://mbostock.github.com/d3/). Ich habe meine setup-WCF-Dienst, und dieser code in Jquery gut funktioniert: $('#getDataItems').click(function () { var $DataList = $('#DataList'); $DataList.empty().appendLi('Loading...'); //Get the
Wie kann ich den radius ändern und die Deckkraft der Kreis in d3?
1 Antworten
Arbeite ich an einer Visualisierung in d3. Es beinhaltet das zeichnen von Kreisen über die Länder einer Karte und dann skalieren die Größen der Kreise entsprechen mit Daten zu den Ländern. Ich möchte zum ändern der Deckkraft
Ungültiger Wert für <Kreis> Attribut cx="NaN" mit D3.js
1 Antworten
Ich versuche zu schaffen, eine form des Punktdiagramms. Ich habe eine benutzerdefinierte x-Achse und eine spezifische Skala für beide a-Achse. Ich habe implementiert eine zoom-Funktionalität für Sie als gut. So weit ist alles gut, aber wenn ich
Verständnis D3-Domäne und reicht
1 Antworten
Habe ich eine Temperatur von 33 Grad bis 64 Grad F. ich versuche, herauszufinden, die pixel-position von 59 Grad entlang einer y-Achse erstreckt sich über 600 Pixel. Dies ist für ein Säulendiagramm. Vollständige Offenlegung, das ist Hausaufgabe,
Uncaught TypeError: xScale.rangeBand ist nicht eine Funktion in d3.js
1 Antworten
Versucht zu erzeugen, Balkendiagramm, indem Sie die folgenden Vegibit tutorial in meine Geige. Den d3.min.js Referenz funktioniert gut. Aber wenn ich versuche, umzusetzen heruntergeladen lokale Kopie mithilfe: <script type="text/javascript" src="~/Scripts/d3/d3.min.js"></script> Den Pfad automatisch generierte von Visual Studio
Nicht importieren Sie die Daten aus einer csv-Datei in d3
3 Antworten
Ich bin nur zu lernen, d3, und ich bin versucht, Daten zu importieren aus einer CSV-Datei, aber ich erhalte die Fehlermeldung "XMLHttpRequest cannot load file:///Users/Laura/Desktop/SampleECG.csv. Cross-origin-requests werden nur unterstützt, für HTTP. ". Ich habe gesucht wie man
Wie zum Anhängen von text an eine Zeile in d3.js
2 Antworten
Ich versuche, fügen Sie einen text in eine Zeile erstellt, die auf Balkendiagramm. Das problem ist, dass ich sehen kann, dass das text-element erzeugt wird. Aber es wird nicht überall auf der svg. Teil des Codes, wo
Plotten Punkte auf einer Landkarte mit D3
1 Antworten
Ich versuche, die Handlung ein paar Punkte auf einer Karte mit der D3 geo-Bibliothek basierend auf breiten-und Längengrade. Allerdings, wenn ich übergeben Sie diese Werte in meine Projektion-Funktion, Sie ergibt sich in Koordinaten, die außerhalb der Grenzen
idiomatischer Art zu zeichnen ein Dreieck in d3
3 Antworten
Habe ich folgende code zeichnet ein Dreieck in d3: var trianglePoints = xScale(3) + ' ' + yScale(18) + ', ' + xScale(1) + ' ' + yScale(0) + ', ' + xScale(12) + ' ' +
So wählen Sie eindeutige Werte in d3.js von Daten
2 Antworten
Ich bin mit dem folgenden code zum füllen meiner Combobox verwenden d3.js d3.csv("Results_New.txt", function(data) { dataset=data; d3.select("#road").selectAll("option") .data(data).enter().append("option").text(function(d){return d.roadname;}).attr("value",function(d){return d.roadname;}); }); Gibt es mehrere Zeilen mit dem gleichen Namen. Das Kombinationsfeld füllen mit diesen doppelten Namen. Zum
undefined d3.Skala in Typoskript
2 Antworten
Ich bin neu mit Typoskript (2 Wochen), und ich arbeite auf Projekt wickeln d3.js Rahmen. Ich bin auf ein problem gestoßen mit der Verwendung von "d3.d....ts", namespace -, export-Modul import. Mein problem : Wenn ich versuche, mit
Gibt es eine richtige Art und Weise zu integrieren d3.js Grafiken in Facebook Reagieren Anwendung?
3 Antworten
Ja, ich weiß, es ist reagieren-Kunst, aber es scheint kaputt zu sein. Das problem ist, dass d3.js alles über mutierend der browser DOM, und verwenden Sie es direkt, sagen Insider componentDidMount Methode, nicht richtig arbeiten, da alle
Gauge chart mit D3
1 Antworten
Ich habe versucht, erstellen ein Manometer mit d3 und ich habe es geschafft zu hacken, was das erfüllt die visuellen Anforderungen http://bl.ocks.org/ameyms/9140907 Dies ist jedoch ein sehr, sehr hacky Lösung, da ive positioniert die Nadel durch trial-and-error
Line graph dynamische Daten-updates in D3
1 Antworten
Habe ich gearbeitet, durch die "einfache Grafik" Beispiel in der D3 Tipps-und Tricks-Buch hier: https://leanpub.com/D3-Tips-and-Tricks/read Und ich arbeite an dem Update die Daten Dynamisch Abschnitt, sondern seine nicht funktioniert, und ich kann nicht herausfinden, warum. Die alternativen
Maximale Breite für die Spalte im Balkendiagramm
5 Antworten
Ich bin auf der Suche nach einer Möglichkeit der Begrenzung der Spaltenbreite in einer Tabelle, ich bin sicher, dies sollte relativ einfach sein, aber ich kann nicht finden, einen Weg, es zu tun. Ich bin zuerst ein
D3 setzen arc Beschriftungen in einem Kreisdiagramm wenn genug Platz vorhanden ist
2 Antworten
Lege ich ein text-element in jedem arc von meinem Kreisdiagramm (Mitte) - wie in diesem Beispiel gezeigt: http://bl.ocks.org/mbostock/3887235 Aber ich will nur den text-element, wenn der Raum ist ausreichend für den ganzen text, so im Vergleich muss
d3js skalieren, transformieren und übersetzen
3 Antworten
Habe ich nycMap, ein Projekt, das verwendet angularJS (MVC), yeoman (build), d3 (mapping) und geoJSON (geo-Daten). Alles sehr gut funktioniert, aber ich habe zu verbringen einige Zeit, um die richtige Skalierung und translation. Ich Frage mich, wie
Gerichteten, azyklischen Graphen in d3.js
2 Antworten
Gibt es einen zuverlässigen Weg, die Zeichnung gerichtete, azyklische Graphen in D3.js heute? Ich bin versucht zu visualisieren Voraussetzungen in einem Lehrplan, ähnlich wie diese. Ich habe gesehen, einige ältere Antworten auf ähnliche Fragen, die mit den
Uncaught TypeError: Cannot read property 'textContent' null Fehler
1 Antworten
Ich versuche zu verwenden dc.js zur Umsetzung der crossfilter und d3. Ich bin fast erfolgreich. Wenn ich meinen code in JSFiddle, es funktioniert perfekt ok! Aber wenn ich versuche zu implementieren, die den genauen code auf dem
Lokalisierung von d3.js (d3.Gebietsschema Beispiel der Nutzung)
1 Antworten
Ich versuche zu verwenden d3.locale() in meiner app angezeigt Russischen Namen der Monate. http://jsfiddle.net/j2feJ/2/ Auch ich brauche shortMonths variable in Englisch, weil Sie in Englisch in meiner Datenbank. var ru_RU = { "decimal": ",", "thousands": "\xa0", "grouping":
Wie bewegen SVG-position in D3?
3 Antworten
Erstellte ich ein svg mit D3. Jedoch, es wird nur auf der oberen linken conner auf dem Bildschirm, oder angefügt wurde, um ein weiteres svg. Gibt es trotzdem kann ich es verschieben mit JavaScript? Zum Beispiel: var
Schlaganfall, linke und Rechte Seite des svg rect
4 Antworten
Habe ich mich rect im svg mit d3 und möchte Strich nur mit der linken und rechten Seite. <rect class="extent" x="578" width="356" height="250" style="cursor: move; opacity: 0.2; fill: #FF9000;" ></rect> Hier ist noch SO eine Frage suggeriert
nvd3.js-Diagramm mit Sucher: drehen Sie die Achsenbeschriftungen und show line-Werte, wenn die Maus über
1 Antworten
Ich bin neu in diesem forum und meine Englischkenntnisse sind nicht die besten, aber ich werde versuchen, mein bestes zu tun :). Es ist ein Beispiel eines liniendiagramms mit Sucher bei nvd3 website. Dies ist die eine
wie den Zugriff auf Daten eines d3 SVG-Element
1 Antworten
So, ich bin versucht, meine eigene version dieses wunderschöne Visualisierung, d3 getan hat: http://mbostock.github.com/d3/talk/20111116/bundle.html Alles was ich Tue, ist im Grunde bewegen sich die ganze Grafik auf der linken Seite, und dann zu versuchen, zeigen die unterschiedlichen
D3.js .append( ) auf vorhandenen <div> und Hierarchie
1 Antworten
Laut meinem code sieht es aus wie key_square und key_line Divisionen werden sollte, Geschwister-Elemente zu key_row da ich anfügen an die Abteilung "key", aber Sie sind Nachfahren der key_row. Könnte mir das jemand erklären? Danke, <body> <div
Live-zeichnen einer Linie in D3.js
1 Antworten
Ich bin gerade angefangen mit D3.js und ich will etwas schaffen, wie das, was wir tun, in Paint eine Linie zeichnen. Die Schritte sollten die gleichen sein werden: - Klicken Sie auf einen Punkt auf dem Bildschirm
d3.js umschreiben zoom Beispiel in der version4
2 Antworten
Drag-and-Drop Beispiel Ich versuche zu umschreiben, dass ein Teil der in diesem Beispiel oben zu verwenden, in meinem code, speziell dieses Stück: function centerNode(source) { scale = zoomListener.scale(); x = -source.y0; y = -source.x0; x = x
Ausblenden/erweitern von untergeordneten Knoten des Baumes in d3.js?
3 Antworten
Ich Baue eine Struktur (oder eher ändern eines der Beispiele, die mit einer Reihe von meine eigenen Daten in meinem eigenen json) und ich bin versucht zu erstellen, einige Funktionen: Mein Baum-layout ist, dass von dem Baum
Formatieren einer Zahl mit SI-Präfix, mit festen Anzahl von Dezimalstellen
2 Antworten
Ich bin auf der Suche über die verfügbaren Typs für die d3.format Die verfügbaren Werte sind: exponent ("e") - Nummer verwenden.toExponential. general ("g") - Nummer verwenden.toPrecision. behoben ("f") - Nummer verwenden.toFixed. integer ("d") - Nummer verwenden.toString, aber
Multi-Serie Balkendiagramm in DC-js
4 Antworten
Ich bin mit DC.js ( lib oben auf D3 ) und haben ein großartiges Beispiel für eine einzelne Serie-bar-chart: var xf = crossfilter(data); var dim = xf.dimension(function (d) { return d["EmployeeName"]; }); var group = dim.group().reduceSum(function (d)
Mit d3 zu einer Dichte & Wert heatmap-Ebene für die Broschüre
3 Antworten
Ich würde gerne implementieren einer heatmap-Schicht auf einem Faltblatt Karte mit d3. Ich habe rund 2-3k Punkte. Meine Daten haben das folgende format: [{lat: .., lon: .., value: ..}, {lat: .., lon: .., value: ..}, ...] Idealerweise
d3.js: gewusst Wie: hinzufügen von Beschriftungen zu streuen Punkte auf die Grafik
2 Antworten
Ich versuche, Beschriftungen hinzufügen, um die Streuung der Punkte auf diesem Graphen: http://bost.ocks.org/mike/d3/workshop/dot-chart.html Dachte ich, dass das ändern dieser code würde ein bißchen Arbeit, aber es hat nicht: svg.selectAll(".dot") .append("text") .text("fooLabelsOfScatterPoints"); Haben Sie sah an diesem Beispiel: