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.
D3.js Spezifische Tick-Styling
1 Antworten
Ist es ein Weg, um Stil eine bestimmte Zecke sagen, wenn ich mit x [0, 100] und y [0,100] und ich wollte einfach nur zeichnen oder Stil das Häkchen bei (0,50) und (50,0)? Ja, Sie können tun,
D3 Histogramm - Datum Basiert
1 Antworten
Ich habe ein array von Daten ["01/01/2001", "01/01/2001", "03/01/2001", "01/04/2001", "01/05/2001", "02/05/2001", "01/07/2001", "01/07/2001", "01/07/2001", "01/10/2001"] Einige Duplikate sind und in keiner bestimmten Reihenfolge, über eine variierende Zeitspanne (1 Woche, 43 Tage, 2 Jahre, etc.). Was ich
Wie visualisieren Sie mysql-Daten in d3js mit django?
3 Antworten
Habe ich meine Daten in der MySQL-Datenbank, und ich brauche, um Daten zu visualisieren in d3.js als bubble-Diagramm. Ist es möglich für mich, dies zu tun in Django-framework, und wenn ja, wie? InformationsquelleAutor Sreejith | 2013-09-20
D3 Kreisdiagramm: Uncaught Typ-Fehler - Cannot read property 'pie' undefined
1 Antworten
Ich bin versucht zu erstellen, eine d3-Kreisdiagramm basiert off dieser Ressource. Jedoch bekomme ich die folgende Fehlermeldung: Nicht erfassten Typ-Fehler - Cannot read property 'pie' undefined Mein code: class PieChart extends React.Component { constructor() { super(); //-
D3.JS Klasse hinzufügen, die für jedes Land
1 Antworten
Ich bin mit diesem für eine einfache Visualisierung. http://bl.ocks.org/KoGor/5994804 Möchte ich hinzufügen, dass auf jeder Landes-Pfad seinen Namen. Ich habe versucht, loop-over-Ländern, aber ich habe keine Idee, um eine Verbindung mit dem SVG. var world = svg.selectAll("path.land")
Argumente an eine d3 auf "klicken Sie auf" Ereignis-callback
2 Antworten
Hier ist mein code: function toggleClass(element, className){ d3.select(element).classed(className, !d3.select(element).classed(className)); } d3.selectAll("rect").on("click", toggleClass(this, "clicked"); Ich kann es nicht funktionieren, es scheint, dass die übergabe von Argumenten an eine DOM-event ist eine schlechte Nachricht trägt. Kennt jemand ein work-around
d3.js / svg -, wie dynamisch Anhängen von text an meine Bögen
2 Antworten
Ich bin versucht, um das Letzte bit eines d3-Projekt, welches dynamisch erzeugt diese blauen Bögen, über die ich platzieren müssen, arc text, wie in diesem Bild: Bild oben ist etwas, das ich getan habe, indem der Bogen
Einstellung abgerundete Ecken für svg:Bild
2 Antworten
War ich versucht zu machen, abgerundete Ecken für s svg:image (Bild eingebettet in SVG) mit d3.js. Ich kann nicht herausfinden, wie man richtig Stil das Bild, denn laut W3C-spec, ich sollte in der Lage sein, CSS zu
Hinzufügen eines title-Attribut zu svg:g-element in D3.js
2 Antworten
Baue ich eine app mit D3.js das zeigt eine Daten in einer Baumstruktur anzeigen. Im Idealfall, was ich möchte, ist die Baum-Karte ein tool-Tipp zur Anzeige von mehr Informationen auf jedem Knoten des Baumes-Karte. Die Baum-Karte zugeführt
getBoundingClientRect Rückgabe falscher Ergebnisse
1 Antworten
Bin ich auch etwas Mühe zu versuchen, um zu bestimmen, die aktuelle Position und Größe eines Elements im DOM. Ich habe zusammen ein fragment zu veranschaulichen, ein card-basierten system auf der rechten Seite des Bildschirms. Das Verhalten,
Liste der d3-Symbole zur Verfügung, die uns
2 Antworten
Wo finde ich die Liste der Symbole, die uns zur Verfügung gestellt von d3.js verwiesen wird, die von dieser code-Zeile: d3.svg.symbol().type(/*Name of the symbol type that is available to us to use*/'triangle') Einige der verfügbaren Symbole sind
Wie Sie add-Grenze/Kontur/Kontur auf SVG-Elemente in CSS?
2 Antworten
Ich bin Injektion SVG-Elemente in einer Webseite Dank D3js. Ich habe Schwierigkeiten, zu Stil, diese Elemente, da die Syntax wie path { border: 3px solid green; } nicht funktioniert. Wie add-Grenze/Kontur/Kontur auf SVG-Elemente in Webseiten mit CSS
d3.js Gebäude ein raster von Rechtecken
1 Antworten
Ich versuche zu bauen, ein raster aus Rechtecken in d3.js. Ist das Gitter 7 Zeilen (Tage der Woche) und 24 Spalten (Stunden pro Tag). Den folgenden code, der nur Unentschieden (Zeile:Spalte): day0:hour0, Tag1:hour1, Tag2:hour2, 3. Tag:stunde3, Tag4:hour4,
D3.js Baum, Alle Erweitern und Alle reduzieren
3 Antworten
Ich Baue einen Baum mit D3.js und was ich versuche zu tun ist, fügen Sie zwei Schaltflächen, Alle Erweitern und Alle reduzieren, um den oberen Rand der Seite, wie diese. Wenn ich auf "Alle Erweitern", alle Knoten
d3.js Kreisdiagramm mit abgewinkelten und/oder horizontalen Etiketten
2 Antworten
Arbeite ich in einem Kreisdiagramm mock. Das brauche ich, um zu versuchen und passen Sie die designs haben das label Extrudieren mit einer horizontalen Linie an der Scheibe Zecken. Ist das möglich? Es wäre ein bonus haben
die Verwendung von "d" in der Funktion der literal in D3?
1 Antworten
Unterrichte ich mir D3 ohne allzu viel wissen über die syntax /Grammatik der javascript. Kann jemand erklären, die Verwendung von "d" als parameter in die folgende Funktion ein literal? Sehe ich, dass es Punkte auf dem Datensatz
Zugriff auf Eigenschaften eines Arrays von Objekten
5 Antworten
ziemlich einfache Frage denke ich, aber ich konnte nicht finden Informationen über die. Durch d3 ich parse csv und jedes Objekt so Aussehen name: "whatever" number: "52" Wie kann ich den Zugriff auf das array, der alle
d3.js t.Karte ist nicht eine Funktion
1 Antworten
Hoffe, jemand kann mir helfen weil ich finde keine Referenz zu diesem Fehler. War ich die Arbeit an diesem Stück code: var xMin = d3.min(data, function(d) { return d.value; }); var xMax = d3.max(data, function(d) { return
wie verwenden Sie svg-Datei, die für Bild-Quelle in D3
2 Antworten
hier ist eine Frage: Arbeite ich mit der D3. Versucht ein Bild hinzufügen, um den Knoten. Die render-Datei svg-Datei: <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.2/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="400px" height="400px" viewBox="0 0 400
D3js: wie generieren Sie eigenständige SVG-Dateien? (Nodejs)
5 Antworten
Gegeben D3js code, wie: function () { var svg = window.d3.select("body") .append("svg") .attr("width", 100) .attr("height", 100); svg.append("rect") .attr("x", 10) .attr("y", 10) .attr("width", 80) .attr("height", 80) .style("fill", "orange"); } So erzeugen Sie einen richtigen stand-alone -*.svg-Datei mit meinem
Kann ich Bilder als hintergrund Rechtecke für d3 treemaps?
3 Antworten
Ist es möglich, eine treemap in d3 mit dem hintergrund jedes Rechteck ein Bild sein? Ich bin auf der Suche nach etwas ähnliches, was getan wurde in Silverlight hier, aber für d3. Wenn es möglich ist, gibt
Wie Zeilenumbruch ein svg-text in javascript?
1 Antworten
Bin ich angefangen mit d3.js und versuche, ein Netzwerk zu schaffen graph jeder Kreis enthält ein label. Was ich will, ist ein Zeilenumbruch ein svg-text. Was ich versuche zu tun ist, zu brechen den text in mehrere
D3 anfügen (insert), vorhandene SVG-string (oder element) auf ein DIV
1 Antworten
Ich gesucht habe überall nach einer Antwort auf diese Frage und fand einige Mittel, die ich dachte, kann hilfreich sein, ist aber letztlich nicht dazu führen mich zu einer Antwort. Hier sind ein paar... Externe SVG Einbetten
d3: Stellen Sie eine statische gerichteten Graphen
3 Antworten
Möchte ich visualisieren 20K Knoten dependency graph in d3. Kraft-gerichtete Graphen wie http://bl.ocks.org/mbostock/1153292 sind zu langsam, um das Rendern im browser für diese Anzahl von Knoten. Grundsätzlich möchte ich repräsentieren Knoten mit text und gerichtete Kanten von
D3 bubble chart / pack-layout - Wie Blasen, die strahlenförmig von der größten Blasen zu den kleinsten?
1 Antworten
Also ich bin mit dem gleichen code wie das D3 Galerie-Beispiel (mit eigenen Daten): http://bl.ocks.org/mbostock/4063269 Ich würde gerne ein Blasendiagramm, wo die Kreise angeordnet sind, die die größten in der Mitte und dann aus ausstrahlt, um die
Benutzerdefinierte tick size auf Achse (d3js)
2 Antworten
Erstelle ich ein svg-x-y-Diagramm in d3.js. Ist es möglich, Zecken in verschiedenen Längen je nach tickValue? Ich habe mein eigenes tickFormat Funktion myTickFormat und verwenden Sie, dass in .tickFormat([format]) und das funktioniert, weil [format] wird erwartet, dass
d3 piechart von local-json-variable
1 Antworten
Ich versuche zu erstellen, die eine donut-Diagramm mit json aus einer lokalen variable (anstatt einer externen Datei), die ich gesehen habe dieser Beitrag aber ich habe eine harte Zeit einstellen meinen code in der gleichen Weise Im
d3js erstellen eine Kraft-layout mit festen Knoten
1 Antworten
habe ich implementiert diese http://jsbin.com/omokap/3/edit: Allerdings würde ich gerne Abbrechen, das dynamische Verhalten des Graphen (wie in der dragend Zustand, aber das ist nur für den einzelnen Knoten) und platzieren Sie den Knoten in die Punkte setzen,
Iteration über die bereits erzeugten Knoten in D3js
1 Antworten
Ich bin mit einem force-directed-graph und bin hinzufügen der neu erzeugten Knoten des Graphen. Dieser funktioniert einwandfrei in Ordnung. Mein Knoten hat eine Eigenschaft namens "Staat", der hält zu ändern. Das problem, das ich bin vor ist,
Aufruf einer Funktion einmal auf, wenn Daten in d3
2 Antworten
Gibt es eine Möglichkeit, eine Funktion aufzurufen, wenn die Daten eingibt, mit data().Sie enter()? Beispielsweise in diesem aktuellen jsfiddle: http://jsfiddle.net/p3m8A/4/ , ich habe eine Funktion, zieht eine Gruppe und ich wollen, rufen Sie diese Funktion auf, wenn
D3: Append dupliziert eine Auswahl
5 Antworten
Ich möchte erstellen Sie eine javascript-Funktion, die eine generische D3 Auswahl, und fügen Sie die Duplikate es ein SVG-Objekt. Hier ein minimal-Beispiel: <!DOCTYPE html> <meta charset="utf-8"> <body> <script src="http://d3js.org/d3.v3.min.js"></script> <script> svg = d3.select("body").append("svg") .attr("width", 300) .attr("height", 300);
Zooming bar-graph mit d3.js
2 Antworten
Ich versuche, erstellen Sie ein Balkendiagramm mit einer Zeit-Ebene, wo es ist möglich, zu Zoomen, in jede Zeit. Ich war in der Lage, erstellen Sie die Zoom-Funktionalität für meine x-Achse(Zeitskala) aber meine Daten (in diesem Fall rects)
mit der rechten Maustaste auf eine d3.js element: wie Sie verhindern, dass browser-Kontext-Menü erscheinen
2 Antworten
Habe ich einige d3.js element dargestellt, z.B.: //draw rectangle svg.selectAll(".rect").append("rect") .attr("y", 10) .attr("x", 10) .attr("height", 5) .attr("width", 5) .on("contextmenu", function (d, i) { //react on right-clicking }); und es funktioniert gut, aber auch browser öffnet sich das
Wie dynamisch die Anzeige eines mehrzeiligen text in D3.js?
1 Antworten
Brauche ich für die Anzeige einer mehrzeiligen text in einem SVG:Text mit D3.js. Sample-Daten sieht wie folgt aus und ich will auf die Anzeige "alle" den "Titel" unter einem einzelnen Knoten, für jeden Autor und nicht als
D3.js Zeit Skala: sehr schön-spaced Zecken im Minutentakt, wenn Daten in Sekunden?
1 Antworten
Ich arbeite mit einer D3 Zeit-Skala. Mein input-Daten in Sekunden, und es wird die Dauer der Daten, anstatt Daten - so 10 Sekunden, 30 Sekunden usw.. Will ich schaffen, eine Achse, die ermöglicht es mir, führen Sie
d3: Wie man richtig Kette übergänge auf unterschiedliche Auswahlen
1 Antworten
Ich bin mit V3 der beliebten d3-Bibliothek und im Grunde wollen, haben drei übergänge, gefolgt von jedem anderen: Der erste übergang sollte für das exit die Auswahl, die zweite auf die update-Auswahl und der Dritte auf die
d3js Tree square
2 Antworten
Möchte ich nutzen, d3.js zu bauen eine Ahnentafel Baum. Alle exemples, die ich gefunden habe sind die Präsentation von Bio-Bäumen. Gibt es exemples gibt, mit einem Stammbaum wie Stil ? InformationsquelleAutor gpasse | 2012-06-21
Wie erstelle ich ein Baum-layout mit JSON-Daten in d3.v4 - ohne Schichtung()
2 Antworten
Ich bin versucht, zu aktualisieren einige d3 code von v3 auf die version 4. Ich habe ein Baum-Diagramm mit JSON-Daten. Der d3.v4 Beispiele zeigen, wie die Konvertierung von tabellarischen Daten (z.B. flare.csv), um hierarchische Daten mithilfe von
Abrufen von Daten vom rest-service mit D3
3 Antworten
Ich habe einen web-service auf http://localhost/RestService/GetTransactionByStatus/1. Wenn ich diese URL in meinem browser, ich bin immer die richtigen JSON-formatierte Antwort: { "transactionConcil" : "TRANSACTIONS OK", "numTransactionConcil" : 0, "transactionNoConcil" : "TRANSACTIONS NOT OK", "numTransactionNoConcil" : 0 }
Wie kann ich auswählen :last-child in d3.js?
6 Antworten
Brauche ich zum Bearbeiten der text Elemente der ersten und letzten tick einer Achse zu bringen, dass Sie mehr in Richtung der Mitte. Ich versuche zu selektieren, zu einem Zeitpunkt, mit so etwas wie svg.select('.tick:last-child text') aber
Graph mit auto-layout mit der d3 (ein Baum mit mehreren übergeordneten Knoten)
3 Antworten
Wie ein Diagramm zeichnen mit auto-layout -, viele-zu-viele Linien nicht überqueren die Boxen, die mit d3? Ich würde gern erreichen, so etwas wie dieses: http://www.graphdracula.net/showcase/ http://live.yworks.com/yfiles-for-html/1.1/demos/DataBinding/demo.yfiles.binding.interactivegraphsource/index.html Ich denke, das ist die beste Beschreibung von dem, was ich
Ersetzen von d3.Transformation in D3 v4
6 Antworten
In D3.js v4 bei der d3.transform-Methode entfernt wurde, ohne jeden Hinweis darüber, wie Sie zu ersetzen. Weiß jemand, wie ersetzen Sie die folgenden D3.js v3 Anleitung? d3.transform(String).translate; was hast du mit d3.transform() für? Analysieren Sie die Werte
So aktualisieren Sie die Füllfarbe auf vorhandene svg-Elemente mit d3.js?
1 Antworten
So, ich bin versucht, eine Karte von einem .svg-Datei produzierte ich mit Illustrator, weil es eine Karte von den Niederlanden nicht so einfach Regionen. Alle Regionen haben Ihre eigene #ID. Nun versuche ich die Farbe jeder region
D3.js scrolling-Balken-Diagramm
1 Antworten
Ich habe ein einfaches Balkendiagramm: var margin = {top: 20, right: 20, bottom: 30, left: 50}; var xLPU=d3.scale.ordinal(); var yLPU=d3.scale.linear(); var xLPUAxis = d3.svg.axis() .scale(xLPU) .orient("bottom"); var yLPUAxis = d3.svg.axis() .scale(yLPU) .orient("left") .ticks(10, "чел."); var LPUdivision=d3.select("#LPUgraph").append("svg") .attr("width",
Ändern SVG-Pfad Deckkraft und es ist marker
3 Antworten
Ich versuche, einige änderungen vornehmen, um einen Pfad, definiert mit D3 programmgesteuert. Die änderung, die ich machen möchte ist ganz einfach, ändern Sie die Deckkraft der Pfad. Das problem, das ich habe ist, während der Pfad sich
ändern SVG-text-css Zeilenumbruch
4 Antworten
Dem folgenden code wird verwendet, um zeigen die Beschriftungen der javascript-Baum-Diagramm. nodeEnter.append("svg:text") .attr("x", function(d) { return d._children ? -8 : -48; }) /*the position of the text (left to right)*/ .attr("y", 3) /*the position of the text
Erstellen einer Text Beschriftet x-Achse mit einer ordinalskala in D3.js
1 Antworten
Baue ich ein Balkendiagramm, in d3.js mit einer ordinalen x-Achse, deren Zecken sollten, beschriften Sie die Grafik mit text. Könnte jemand erklären, wie die ordinalskala "maps" x ticks auf die entsprechenden taktpositionen? Speziell, wenn ich will, zu
Wie greifen Sie ein array von Objekten mit D3?
1 Antworten
Ich habe ein D3-Diagramm, wo ich versuche zu analysieren, eine inline-JSON-formatierten array statt dem laden der Daten von extern. Zu tun, anstatt etwas wie dies: d3.json("data/tsx.json", function (error, data) { data.forEach(function (d) { d.dateOrig = d.date; d.date
Lesen Sie csv/tsv mit keine header-Zeile in D3
4 Antworten
Habe ich CSV-Daten, die ungefähr so aussieht: Daten 1,1,10 1,2,50 1,3,5 etc... Ich versuche zu Lesen in den Daten. Aber, meine ursprünglichen Daten nicht enthalten eine Kopfzeile (wie oben gesehen), so ist es unter die ersten Datenzeile
D3-und Maus-Ereignisse, klicken Sie auf test nicht funktioniert
1 Antworten
Ich bin nicht sicher, warum meine Klick-Methode funktioniert nicht. In diesem test möchte ich zu können, klicken Sie auf die Kreis-Knoten auf das Diagramm und rufen Sie seine Nummer. Schwebt über Werke Art. Welche Bibliothek das click-Ereignis