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.
Mit d3.js mit Apache Zeppelin
1 Antworten
Ich versuche, fügen Sie mehr Möglichkeiten zur Visualisierung zu Apache Zeppelin durch die Integration mit d3.js Fand ich ein Beispiel, wo jemand Tat es mit leaflet.js hier, und versuchte, etwas ähnliches zu tun-leider bin ich nicht allzu
NVD3 - konfigurieren von Zecken auf Achse
1 Antworten
Ich habe eine nvd3-line-chart-Anzeige einer Zeit-Serie und nicht die ticks auf der x-Achse rechts. Für längere Zeitspannen, funktioniert es wie erwartet. Aber für kürzere Zeitspannen (hier: 12/31/05 zu 01/01/06), das gleiche Datum angezeigt wird für mehrere Zecken:
Click-Ereignis für d3.js circle pack
1 Antworten
Ich bin in der Lage zu zeichnen Blasendiagramm in d3.js. Auch wenn ich klickte auf jedem Kreis, ich bin immer Warnmeldungen. Aber wenn ich klickte außerhalb der Kreisfläche,ich bin noch immer Warnmeldungen. Ich will nicht anklickbaren Bereich
D3 Bubble Chart
1 Antworten
Ich bin neu in D3 und ich habe eine wirklich harte Zeit mit dem Blasendiagramm, es sei denn, ich benutze das genaue Beispiel-Daten : https://github.com/mbostock/d3/blob/master/examples/bubble/bubble.js https://github.com/mbostock/d3/blob/master/examples/data/flare.json Speziell ich habe ein Problem mit .attr("transform", function(d) { return "translate("
Requirejs, d3 und nvd3 integration
3 Antworten
Ich stehe vor dem problem der Integration von requirejs mit d3 und nvd3, und ich fand eine einfache Lösung, die Verwendung erforderlich ist shim. Die Verwendung der shim-kann ich exportieren einer Variablen, und ich kann auch Abhängigkeiten
Schreiben von einfachen Kraft-layout-app mit D3.js
1 Antworten
Bin ich angefangen zu lernen D3.js und schreiben wollte eine einfache app mit Kraft-layout. Das Ziel ist, erstellen Sie 3-Knoten, die sind im Umlauf und können durch ziehen mit der Maus. Dies ist, wie weit ich bekommen
Gewusst wie: laden von Daten aus einer internen JSON-array, anstatt aus einer externen Ressource / Datei für einen reduzierbaren Struktur in d3.js?
2 Antworten
Möchte ich das laden der JSON-Daten-array in einer Datei zu generieren, die ein aufklappbares Baum-Diagramm pro die Mike Bostock Beispiel hier. Das Beispiel verwendet eine korrekt formatierte externe JSON-Datei und lädt es mit der d3.json-Funktion. Ich möchte
Angular2-Seed - + - Testungen + D3: Import-Fehler 'kann Nicht gefunden Modul "d3"
3 Antworten
Ich versuche zu importieren D3, so dass ich es verwenden können, in einem Angular2 Modul. Einige hintergrund-info: Ich Schreibe Angular2 in Typoskript. Ich bin mit Angular2-Samen Was ich getan habe: Habe ich installiert, die NPM-D3-Paket: npm install
d3.js: so erstellen Sie "force-directed-graph-Clustern"
3 Antworten
Ich habe die Erkundung der d3.js Bibliothek und vor allem das force-directed-graph-Erstellung. Ich Las das Papier, auf es von Bostock et al, und bemerkt, die genaue Art der Grafik, die ich versuche zu schaffen, im Grunde eine
Einfache d3/Grübchen Drilldown Beispiel mit Balkendiagramm
1 Antworten
Ich bin auf der Suche nach Aufbau einer anklickbaren drill-down-bar-chart von Sorten mit Grübchen oder nvd3. Kann ich erstellen ein Balkendiagramm kein problem, aber das, was ich möchte zu tun ist, jeder Balken anklickbar, um gestatten Sie
Ich möchte hinzufügen, text auf den link in D3.js Baum-Diagramm
1 Antworten
Ich möchte, um eine Entscheidung Baum in D3.js und das hinzufügen von text auf den link. <!DOCTYPE html> <meta charset="utf-8"> <body><script src="../d3-master/d3.min.js"></script> <head><link rel="stylesheet" type="text/css" href="../D3css/D3css.css"></head> <script> var margin = {top: 20, right: 20, bottom: 30, left:
Neu nvD3 - wie kann ich meine unix-Zeitstempel werden als Datumsangaben auf der x-Achse?
2 Antworten
Durch Offenlegung - ich bin schrecklich an javascript, aber versuchen zu lernen! Ich habe ein array mit ein paar Einträge wie diese, die in es: [1349013600] => 232 Den Schlüssel ist ein unix-timestamp, der Wert des $
d3.js - max-und min-Wert von json-Daten, die Werte-array
2 Antworten
Wie finde ich die max-und min-Werte aus den JSON-Daten. Ich will das max von checkins und Checkintimes von data1,data2 ...Daten(n). Mein code ist : var max = d3.max(data, function(d) { return d.Checkintimes;} ); var min = d3.min(data,
So definieren Sie benutzerdefinierte Zeit-Intervall in d3.js
3 Antworten
Ich versuche code ein Intervall-Runden-Funktion mit der d3.js Zeitintervalle API. Die Sache, die ich tun möchte, ist Recht einfach: eine Funktion schreiben, die Runden Zeit, um die nächsten 6 Stunden und gibt Sie als Date Objekt. Beispiel:
Stile in-Komponente für D3.js keine anzeigen in Winkel-2
6 Antworten
Ich bin mit Winkel 2 und D3.js. Ich will zeigen, ein rotes Rechteck. Funktioniert es nur, wenn ich die styles in der Stil.css - Datei. Überprüfen Sie diese plunkr Wenn ich meine styles in der Komponente styles:
Wie Sie anfügen, ein svg-Bild auf ein rect-element von einem anderen svg-Bild?
3 Antworten
Ich versuchen, fügen Sie ein svg-Bild in eine rect - element in einem svg-Bild mit d3 und versuchen chart.selectAll("rect.bar") .each(function(datum, index) { d3.select(this) .append("svg:image") //..some attributes }); Dieser fügt <image> um den dom, aber das Bild nicht
Wie fügen Sie ein Leerzeichen zwischen den Balken in einem gruppierten Balkendiagramm in einem nvd3 gruppiert multibar-Diagramm?
2 Antworten
Ich versuche, etwas Platz/Polsterung für einen nvd3 multi bar chart. "groupSpacing" ist nicht das, was ich brauche, da es nur noch Platz zwischen den Gruppen. Ich brauche Abstand zwischen den einzelnen Balken innerhalb der Gruppe. Ich fand
Kann nicht fügen Sie eine Achse in d3.js
1 Antworten
Ich versuche es zu lernen d3.js für ein Projekt bin ich dabei an meiner Universität. Mein problem ist, wenn ich das anfügen einer Achse zu meinem svg-Objekt, das ganze svg verschwindet von der Website in den browser.
D3.js Treemap-Layout
1 Antworten
Derzeit arbeite ich an der Erweiterung des d3 für die rap-Beispiel hier: https://github.com/ralfstx/rap-d3charts durch eine treemap-Diagramm. Ich möchte nicht ins detail gehen, wenn nicht neseccary. Das problem tritt auf, wenn ich versuche, führen Sie die treemap-layout auf
d3 - wenn setAttribute() funktioniert aber .attr, nicht?
1 Antworten
Ich bin verwirrt, warum der d3-Methode zum setzen eines Elements Attribut ausfällt (in diesem Stück code), während die traditionellen JS-Methode funktioniert. (Ich bin versucht, zu aktualisieren, die chloropleth Farben als der Benutzer auf eine HTML-Schaltfläche zum ändern
Eigenschaft 'forEach' existiert nicht auf den Typ '{}'
1 Antworten
Ich arbeite mit Winkel-CLI und D3.js v4 und ich erhalte eine Typoskript-Fehler: Property 'forEach' does not exist on type '{}'. Der Fehler tritt auf forEach Funktion, wenn ich versuche zu bringen, in meine Daten. Ich bin nach
Wie kann ich mit alle Knoten, die brach in d3js?
3 Antworten
Ausgehend von diesem Beispiel http://bl.ocks.org/1062288 ich würde gerne ein Baum mit allen Knoten zugeklappt, so dass der ursprüngliche graph mit nur einem Knoten (der Wurzel). InformationsquelleAutor victorsc | 2012-07-25
Wo bekomme ich die .geojson-Datei für Indien und nicht in separaten Dateien für jedes Bundesland/Gebiet oder jede andere Unterscheidung?
1 Antworten
Macht Indien haben eine .geoJSON - Datei? Ich möchte, um Daten-Visualisierung mit d3.js für die Staaten, Städte und daher müssen die GEOJSON-Datei die Indien. Wo sollte ich anfangen oder was sollte mein Ansatz? Auch Mike ' s
Wrap text in Kreis
4 Antworten
Ich bin mit d3 zu zeichnen Sie ein UML-Diagramm und möchte Zeilenumbruch innerhalb der Formen gezeichnet mit d3. Ich habe soweit den code unten und kann nicht eine Lösung finden, um den text " fit " innerhalb
Aneinanderhängen mehrerer Elemente in D3
2 Antworten
Kann mir jemand erklären, warum ein selectAll + Daten + enter + append funktioniert zunächst, aber wenn ich es wieder es hängt nur ein einzelnes element? http://jsfiddle.net/scottieb/wQJen/ Wenn ich vis.selectAll("circle") .data(datafiltered).enter().append("svg:circle") .attr("cx", function(d) { return x(d.x)}) .attr("cy",
Dynamisches Gestapeltes Balkendiagramm in D3
1 Antworten
Ich versuche, zeichnen ein dynamisches gestapeltes Balkendiagramm verwenden D3.js. Grundvoraussetzung ist, dass ich immer eine neue Daten-Punkt alle paar Sekunden, und ich sollte in der Lage sein, um replot(übergang) der gestapelten Diagramm. Dies ist der code, den
"Stottern" ziehen, wenn mit d3.Verhalten.ziehen Sie() und transform
3 Antworten
Ich versuche zu verwenden d3.js's d3.behavior.drag() drag Ereignis-meine Daten aktualisieren-Modells (ohne das element position sofort), dann laufen meine "zeichnen" - Funktion zum aktualisieren aller Elemente, basierend auf dem aktualisierten Modell. Zusätzlich verwende ich ein übersetzen transform auf
Mit d3js zu bauen Tabelle mit mehreren Zeilen in der thead wo einige Zellen gemischt haben, colspan breiten
1 Antworten
Ich bin mit d3noob s "Hinzufügen einer Tabelle" tutorial, die meisten der Tabelle, aber ich kann nicht herausfinden, wie man den thead Zellen gelegt, wie ich will. Ich bin mir ziemlich sicher, dass ich die Verschraubung bis
D3 Bürsten für gruppierte Balkendiagramm
1 Antworten
Ich versuche Bürsten zu arbeiten, ähnlich wie in diesem Beispiel, aber mit ein gruppiertes Balkendiagramm: http://bl.ocks.org/mbostock/1667367 Ich weiß wirklich nicht haben ein gutes Verständnis davon, wie Zähneputzen funktioniert (ich habe nicht in der Lage zu finden, eine
Prüfung d3 (und andere SVG-basiert) Web-Anwendungen
4 Antworten
Ich habe eine web-Anwendung, die verwendet die d3 Bibliothek für einige komplexe SVG-basierten Visualisierungen. Ich habe von automatisierten tests für meine server-side-code und JavaScript-Modelle (ich benutze eine MVC-Architektur in meinem JavaScript). Diese laufen auf einem Jenkins CI-server
d3.js - Uncaught TypeError: Objekt hat keine Methode "exit"
1 Antworten
Ich versuche zu zeichnen, eine Reihe der Linie, nachdem alle 5 Sekunden durch die änderung der lineData array welches ich füttere, um die d3-Linie Funktion: Hier sind die Auszüge des Codes relevant: var svg = d3.select("body").append("svg:svg") .attr("width",
Laden von externen csv-Datei in jsfiddle
1 Antworten
Ich versuche zu erstellen, ein jsfiddle für eine der dc.js Beispiele. Ich bin nicht in der Lage zum laden einer externen Datei über eine URL und d3.csv(). Kann mir bitte jemand vorschlagen, wie das laden einer csv-Datei
Wie wandle ich strings aus einer csv in d3.js und in der Lage sein, um Sie als ein dataset?
1 Antworten
Sorry, wenn dies scheint offensichtlich, ich bin neu in D3 und computer-Programmierung im Allgemeinen... Ich habe eine CSV - Datei, Anzahl Werte, aber wenn Sie zeigen, wie die Saiten in meiner Konsole. Habe ich versucht, dass die
D3 Gestapeltes Diagramm mit Arrays oder JSON-Daten
3 Antworten
Erstellen Sie ein Gestapeltes Balkendiagramm, wie http://bl.ocks.org/mbostock/3886208 . Aber ich will nicht zu verwenden, CSV-Datei. Wie kann ich erstellen Gestapeltes Diagramm mit array oder JSON-Daten? Im csv-wir sind mit so : State,Post,Comment AL,310504,552339 AK,52083,85640 Wie kann ich
So formatieren Sie die Y-Achse, Werte auf der Rikscha Graphen
2 Antworten
Möchte ich die Javascript-Diagramme http://code.shutterstock.com/rickshaw/ und ich habe es funktioniert für eine Ausnahme, wenn meine Werte von weniger als 0.00000100 dann die y-Achse die Werte angezeigt, die sich im wissenschaftlichen format, z.B. 2e-7 für den Wert 0.00000020
Gekrümmte Linie auf d3 force-directed tree
2 Antworten
Neues zu d3 und versuchen zu entwickeln, eine Kraft gerichtet Baum, in dem wir stecken varioss dataset. Ich habe es geschafft, die Grundidee und läuft, aber würde gerne die links gebogen, so kann ich viel mit mehreren
D3-Linie handeln als geschlossenen Pfad
2 Antworten
Update: Hier ist ein Beispiel für die Ausgabe - http://jsfiddle.net/Hffks/2/ Ich versuche, D3 code ein Liniendiagramm und meine Leitung ist geschlossen am Ende, von dem ich meine, es wirkt wie ein geschlossener Pfad, in dem die ersten
d3.js mit d3.inwieweit finden die min/max-von nest json-Werte
1 Antworten
Baue ich ein bubble chart in d3, und ich möchte die Farbe der Blasen werden auf der Grundlage von logFC-Werte habe ich in einer lokalen json-Datei. Meine json-Datei sieht wie folgt aus: { "name": "genes", "children": [
Wie Sie einen einfachen Bogen mit D3
1 Antworten
Möchte ich hinzufügen, einen einfachen Bogen in den chart-Abschnitt, z.B. ein Kreis: vis.append("circle") .style("stroke", "gray") .style("fill", "white") .attr("r", 40) .attr("cx", 50) .attr("cy", 50); Den bereitgestellten Beispiele von D3 mit Daten arbeiten, Eigenschaften, aber ich möchte sehen, wie
D3JS selectAll Anhängen rect
1 Antworten
Ich bin erstaunt über die Kürze des d3.js zur Visualisierung von Daten. Die Komplexität versteckt unter diese Kürze macht es auch ein bisschen schwer zu verstehen, wie es funktioniert. Unten ist ein Teil des Codes aus http://mbostock.github.com/d3/ex/calendar.html
verdunkeln rect/circle bei mouseover in d3
3 Antworten
Ich bin mit d3 zu zeichnen Sie mehrere Rechtecke und Kreise gefüllt sind, welches bestimmte Farben. Nun, meine Objekte sollen verdunkelt werden, wenn die Maus den Mauszeiger über Sie. Meine Idee war, CSS zu benutzen, indem Sie
d3.js: so fügen Sie ein data-Taste?
2 Antworten
Ich bin lernen D3.js und zu versuchen, meinen Kopf um Daten-Schlüssel verwendet mit streamgraphs. Ich möchte zur Anpassung der offizielle streamgraph Beispiel: ...so, dass jeder Pfad hat einen expliziten Daten-Schlüssel, und so, dass die mouseover-Protokolle der data-Taste.
D3-Linie-Weg Kreuzung
2 Antworten
Arbeite ich mit der D3 und ich habe in ein bisschen ein problem. Im Grunde genommen habe ich einen kleinen Bereich Diagramms, dessen domain-änderungen basierend auf einer Bürste (ähnlich wie in diesem Beispiel: http://bl.ocks.org/mbostock/1667367). Ich habe eine
Farbe übergang in d3 mit der verstrichenen Zeit
3 Antworten
Ich habe eine harte Zeit, die Umhüllung meinem Kopf, um einige D3-Konzepte (es hilft nicht, dass ich bin relativ neu in javascript). Was ich versuche zu tun haben, ist eine status-Anzeige beginnt, grün, langsam, gelb, und dann
d3.on("mouseover") Ereignis funktioniert nicht mit verschachtelten SVG-elements
3 Antworten
Ich habe einen verschachtelten Satz von Elementen (SVG). Das root-element ist die Grafik, und die Kinder sind die Elemente in der Grafik (Linien, Achsen, etc.). Vereinfachtes Beispiel: <g transform="translate(80,10)" id="mainGraph"> <g class="Line"> <path d="....."></path> </g> </g> Mein
topojson.js:187: Uncaught TypeError: Cannot read property 'Typ' undefined
1 Antworten
Ich einen Versuch zu machen, eine Karte mit D3 und TopoJSON für die Niederlande, einschließlich der Provinzen. Dies ist der code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>D3 Test</title> <script type="text/javascript" src="http://localhost/webserver/d3/d3.js"></script> <script type="text/javascript" src="http://localhost/webserver/topojson/topojson.js"></script> <style
Ändern der Geschwindigkeit der D3 Pfad-animation
2 Antworten
Hier ist der code: http://jsfiddle.net/fJAwW/ Dies ist, was ich bin interessiert an: path .attr("stroke-dasharray", totalLength + " " + totalLength) .attr("stroke-dashoffset", totalLength) .transition() .duration(2000) .ease("linear") .attr("stroke-dashoffset", 0); Habe ich meine Daten variable lineData, was ich hinzufügen, um
Gewusst wie: hinzufügen-Achse-Beschriftungen für Zeilen-Grafik mit dc.js oder d3.js
1 Antworten
Für Säulendiagramm und Gestapeltes Diagramm, wir können .xAxisLabel("X Axis Label") und .yAxisLabel("Y Axis Label") Funktionen zum hinzufügen von Etiketten für die jeweilige Achse. Aber, Gibt es eine Möglichkeit zum hinzufügen von Achsen-Beschriftungen für Zeilen-Diagramm? InformationsquelleAutor Bhatu V
Wie können wir erstellen eine onclick-Ereignis für einen d3-Daten anzeigen?
2 Antworten
Baue ich eine d3-Daten anzeigen: http://datamaps.github.io/ Wenn ich auf ein Land, ich will die Grenze, um Farbe zu ändern. Wie ordne ich ein onclick-Ereignis eine d3-Pfad mit datamaps? Die svg-Pfade scheinen zu fehlen, eine CSS-ID sowie alle
Dynamische styling von SVG-text
4 Antworten
<svg> <text id="test" x="0" y="15"></text> </svg> , d3.select("#test").text("aaa"); oder document.getElementById("test").textContent("aaa"); funktioniert einwandfrei. Aber ich muss hinzufügen von Stil auf den text. Jetzt: d3.select("#test").text('aaa <tspan style="font-weight:bold">bbb</tspan> ccc'); leider nicht funktioniert, weil das argument wird behandelt wie eine Reine