Tag: nvd3.js
NVD3.js ist eine Bibliothek von wiederverwendbaren Diagramme und Komponenten für D3.js.
Wie Sie sql-Abfragen Verwenden, um zu zeichnen dynamisches Diagramm in NV D3?
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
NVD3.js multiChart x-Achsen-Beschriftungen ist ausgerichtet auf die Zeilen, aber nicht in bars
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
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
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:
NVD3 - Ändern der X-Label-Achse auf einer Linie Diagramm
1 Antworten
Habe ich ein einfaches Linien Diagramm mit Daten im format: [ { label: "lebel1", x: 0, y: 128 }, { label: "lebel1", x: 1, y: 128 }, .... { label: "lebel2", x: 25, y: 128 }, ....
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 $
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
Die Anzeige einer einzigen Serie multi-Balken-Diagramm mit Bibliothek nvd3
1 Antworten
Weiß jemand, wie ich gehen würde, machen Sie eine multi-Balken-Diagramm werden einzelne Serie? In einem Beispiel arbeiten, die ich gesehen habe, wie ich möchte, dass meine Grafik zu sehen, diese Funktion wird für die Daten. function dataFactory(seriesNum,
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,
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
Füllen Sie das innere der Torte donut Diagramm d3
1 Antworten
Ich bin versuchen, um das Bild oben mit Hilfe von d3 http://jsfiddle.net/Spwizard/LBzx7/1/ var dataset = { hddrives: [20301672, 9408258, 2147483, 21474836, 35622,32210000], }; var width = 460, height = 300, radius = Math.min(width, height) / 2; var
NVD3-Line-Chart X-Achse Ticks Fehlen
2 Antworten
Ich bin mit NVD3 anzeigen Liniendiagramm hier: http://jsbin.com/xodaxafiti/2/edit?js,Ausgabe Aber wie es scheint, NVD3 auto-hide einige tickLabels auf der X-Achse, aber nur diese Zecken in der Nähe der Kante, d.h. 2-3Oct und 27-28Oct (mit Ausnahme des ersten und
NVD3 - How, um die Daten zu aktualisieren-Funktion zu Produkt neue Daten klicken Sie auf
1 Antworten
Ich habe ein Liniendiagramm und jedes mal die Seite aktualisieren, es ändert die Daten, das ist toll, aber ich brauche zu aktualisieren, die von einem Benutzer klicken Sie auf. Dies ist, weil es schließlich andere input-Felder auf
Diskreten Balkendiagramm Farben nvd3.js
1 Antworten
Ich bin mit nvd3.js diskrete bar http://nvd3.org/ghpages/discreteBar.html Ich bin inspizieren Sie den code und gesehen, dass die Farbe abgeleitet, inline - style="fill: #ffbb78; stroke: #ffbb78;" Ich auch die Spur auf die discreteBarChart Funktion color = nv.utils.getColor() Was
Wie um die domain und die Skala auf eine yaxis auf eine discreteBarChart nvd3.js
3 Antworten
Ich bin mit d3.js Diagramme in einer meiner Anwendungen. Hier sind Sie in diesem Bild Sehen Charts Für die Y-Achse auf Geld chart (Siehe Bild), möchte ich maximale Wert gerundet auf 400, egal welche maximale bar Größe
nvd3-line-chart, wie Sie die Gitternetzlinien und yaxis
4 Antworten
Ich habe ein Liniendiagramm mit Sucher. Hier ist mein ursprünglicher code var chart = nv.models.lineWithFocusChart(); //chart.transitionDuration(500); chart.xAxis .tickFormat(d3.format(',g')); chart.xAxis .axisLabel("Date"); chart.xAxis.tickPadding(0); chart.x2Axis .tickFormat(d3.format(',g')); chart.yAxis .tickFormat(d3.format(',.2g')); chart.y2Axis .tickFormat(d3.format(',.2h')); //chart.showYAxis(false); Möchte ich entfernen Sie die y-Achse Etiketten ( d.h.
Wie Sie einen Titel für eine NVD3.js Grafik
3 Antworten
Möchte ich hinzufügen, dass ein Titeltext über der Grafik in NVD3.js. Ich habe versucht, die folgenden, nv.addGraph(function() { var chart = nv.models.linePlusBarWithFocusChart() .margin({top: 30, right: 60, bottom: 50, left: 70}) .x(function(d,i) { return i }) .color(d3.scale.category10().range()); chart.append("text")
nvd3: entfernen Sie die y-Achsen-tick-Beschriftungen vom diskreten Balkendiagramm
2 Antworten
Ich versuche zu entfernen, y-Achsen-tick-Beschriftungen aus einem diskreten Balkendiagramm in nvd3. Ich sah schon in der nvd3 Quelle, aber nicht finden können, eine offensichtliche Funktion, die ich ändern könnte. Kann jemand mir die Lösung? Update: Code function
NVD3-Line-Chart-Uncaught TypeError: Cannot read property 'x' undefined
3 Antworten
Bin ich mit der Bibliothek NVD3, einfache Diagramme basieren auf Daten in einer Rails-controller. Der code, den ich verwende, um Daten generieren, die in Rails ist: task.task_values.each do |u| array.push({ :x => u.created_at.to_i * 1000, :y =>
NVD3-line-chart mit Echtzeit-Daten
3 Antworten
Habe ich ein wirklich einfaches Liniendiagramm geschrieben, mit NVD3.js. Ich habe geschrieben, einfach neu gezeichnet, basierend auf timer, gezogen von Beispielen, die ich gesehen habe, aber ich bekomme die Fehlermeldung Uncaught TypeError: Cannot read property 'y' undefined
nvd3 discreteBarChart y-Achse Etikett
2 Antworten
Ich bin mit dem folgenden code, um die Beschriftung in der y-Achse diskreten Balkendiagramm in nvd3, aber es nicht zeigen, das label für y-Achse. BTW, x-Achse label, funktioniert einwandfrei. chart.yAxis.axisLabel('Students (in %)'); InformationsquelleAutor Ramesh | 2013-06-25
benutzerdefinierte tooltipContent von tooltips mit datum in discreteBarChart nvd3.js
2 Antworten
Wie kann ich benutzerdefinierte ein tooltipContent von tooltips mit Daten geladen, die in "datum" in discreteBarChart nvd3.js?, zum Beispiel mit den folgenden Daten, Jason, ich möchte, um zu sehen, data3, data4, Data5 in tooltips JsonData = [
Wie zu tun, wordwrap für die Diagramm-Beschriftungen mit d3.js
4 Antworten
Ich versuche zu implementieren, die horizontal bar chart mit d3.js.Einige der Diagramm-Beschriftungen sind zu lang. Wie machen Sie den Zeilenumbruch für die Diagramm-Beschriftungen auf der y aixs? Source code: var data = [{"Name": "Label 1", "Count": "428275"
Verständnis nvd3 x-Achse als Datum formatieren
1 Antworten
wie ist das Datum (x, x), formatiert als "1025409600000"? Ich habe das Studium Ihrer Unterlagen, können aber nicht erklären, wie das funktioniert, es würde mein Leben einfacher, wenn mir jemand helfen würde, zu verstehen, wie dies zu
NVD3.js: Wo ist die Dokumentation? Brauche Hilfe zur Konfiguration einiger Funktionen
5 Antworten
Fange ich, mit zu arbeiten NVD3.js und ich bin ein wenig verloren über die Konfigurationen möglich, mit diesem tool. Ich konfigurieren möchten viele Gegenstände wie: Anzeigen x-Achsen Beschriftung für jede bar, derzeit habe ich nur noch diejenigen
NVD3/D3 ändern y-Achse Minimalwert
3 Antworten
Ich bin derzeit mit NVD3, um ein paar Diagramme. Ich Frage mich, ob es möglich ist, um die y-Achse ticks zu beginnen immer bei 0. Derzeit beginnt immer mit der niedrigsten y-Wert. Ich habe versucht mit tickValues
Ruft angularjs-scope-Funktion von href
7 Antworten
Ich bin mit einer Bibliothek hängt ein href element auf einen tag. Auf diesem link, den ich brauchen, um einen Anruf zu tätigen, um eine angularjs-Funktion, ist im Anwendungsbereich. So etwas wie... <a href="{{someFunction()}}"></a> Hinweis: ich bin
NVD3 Charts nicht Rendern richtig in ausgeblendeten Registerkarte
7 Antworten
Ich Baue eine Seite, die enthält viele Diagramme, die jeweils einzeln angezeigt werden je nachdem, welche Registerkarte Sie sind auf der Suche. Dem Diagramm in der Registerkarte initial aktiv richtig gerendert wurde. Jedoch wenn ich auf einen
d3.js & nvd3.js — Wie man die y-Achsen-Bereich
6 Antworten
Ich versuche mit der y-achsenbereich des Diagramms von 1-100. Konsultiert die API-Dokumentation und eine mögliche Lösung gefunden bei der Achse.tickValues, wie hier gesehen https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickValues Jedoch mit der option nicht arbeiten. Lesen Sie weiter unten in der Dokumentation
Wie ändere ich die Legende position in einem NVD3-Diagramm?
6 Antworten
Weiß jemand, wie ändern Sie die Position der Legende in einer NVD3 Diagramm relativ zum Diagramm selbst? Es ist auf der Oberseite standardmäßig, und ich würde es gerne auf die Seite gehen (bessere Nutzung des Raumes, innerhalb
wie um die domain und die Skalierung auf eine Achse auf ein nvd3.js multiBarChart
3 Antworten
In d3.js Sie können auch eine x-Achse zu verwenden d3.time.scale() legen Sie dann x.domain([start_date, end_date]) und es wird "füllen" fehlende Daten, die nicht in den Daten mit 0-Werten. Ich will das gleiche tun mit einem nvd3.js mulitBarChart.
Wie entfernt man die Rasterlinien im hintergrund nvd3.js?
5 Antworten
Ich mache ein Balkendiagramm, in nvd3.js ähnlich diesem Beispiel: http://nvd3.org/ghpages/discreteBar.html. Ich Frage mich, ob es war ein Weg, um entfernen Sie die Rasterlinie aus, also der hintergrund wäre es schlicht weiß. Alle Beispiele verwenden Sie Rasterlinien an.
nvd3-line-chart mit string-Werte auf der x-Achse
2 Antworten
ich bin neu nvd3-charts. ich brauche ein Liniendiagramm, mit string-Werte auf der x-Achse das Diagramm sollte wie folgt sein Balkendiagramm, aber ich brauche eine Linie, statt bars mein Ergebnis sieht so aus Liniendiagramm Die Werte sind alle
MultiBar-Diagramm mit nvd3 / d3 zeigt nur Beschriftungen für jedes andere Häkchen auf der X-Achse. Wie kann ich sie alle zum Vorschein bringen?
2 Antworten
Daten: nvd3TestData = [ { values:[ {x:"M",y:1}, {x:"T",y:2}, {x:"W",y:3}, {x:"R",y:3}, {x:"F",y:4}, {x:"S",y:5}, {x:"U",y:6} ], key:"Apples" }, { values:[ {x:"M",y:5}, {x:"T",y:2}, {x:"W",y:6}, {x:"R",y:8}, {x:"F",y:2}, {x:"S",y:4}, {x:"U",y:1} ], key:"Zebras" } ] Erstellen des Diagramms (gezogen aus einer angularjs-Direktive): nv.addGraph
Echtzeit-Liniendiagramm mit nvd3.js
1 Antworten
Ich versuche zu erstellen, die eine Echtzeit-Grafik mit nvd3.js was wäre, regelmäßig aktualisiert werden und mit dem Eindruck, dass die Daten in Echtzeit verarbeitet. Ich jetzt in der Lage gewesen, um eine Funktion zu erstellen, die aktualisiert
Ist ein NVD3 Liniendiagramm mit Markern möglich?
5 Antworten
Mache ich eine NVD3-line-Grundstück, wird deutlich verbesserte Klarheit, wenn ich-Marker, um zu zeigen, für jeden Datenpunkt anstatt nur die Linie selbst. Leider, ich habe nicht in der Lage einen einfachen Weg finden, dies zu tun mit NVD3
Wie zeige ich Daten auf der x-Achse für nvd3 / d3.js an?
2 Antworten
Ich bin mit nvd3, aber ich denke, das ist eine Allgemeine d3.js Frage zu Zeit skalieren und formatieren. Ich habe ein einfaches Beispiel, das veranschaulicht das problem (siehe code unten): Wenn ich das weglasse .tickFormat für die
Wie man Farbe im Kreisdiagramm von NVD3 anpaßt
7 Antworten
Ich bin versucht, NVD3 http://nvd3.org/livecode/#codemirrorNav ein Kreisdiagramm. Aber ich möchte zu ändern, die Standard Farbe. Wie kann ich die Farbe ändern. ich bin nicht in der Lage, es zu tun. InformationsquelleAutor der Frage user2315392 | 2013-04-24
D3js: Wann müssen .datum () und .data () verwendet werden?
3 Antworten
Sehe ich oft .datum wenn ein Flächendiagramm verwendet. Zum Beispiel: svg = d3.select("#viz").append("svg").datum(data) Gibt es irgendwelche Faustregeln, Wann .datum benötigt wird? var area = d3.svg.area() .x(function(d) { return x(d.x); }) .y0(height) .y1(function(d) { return y(d.y); }); var
Wie kann ich gedrehte X-Achsen-Etiketten im Säulendiagramm mit nvd3 positionieren?
6 Antworten
Baue ich ein Säulendiagramm mit nvd3 ist multiBarChart und anpassen müssen, um die position der gedrehten x-Achse labels: var chart = nv.models.multiBarChart(); ... chart.rotateLabels(-90); Möchte ich die Spalte-Beschriftungen nicht überlappen, im Diagramm und in der Mitte unter
Wie fügt man ein click -Ereignis auf nvd3.js graph hinzu
10 Antworten
Ich bin mit nvd3.js und versuchen, hinzufügen eine click-Ereignis d3.selectAll(".nv-bar").on('click', function () {console.log("test");}); JSFiddle Wie kann ich das tun ? InformationsquelleAutor der Frage Petran | 2013-07-11
nvd3 piechart.js - Wie bearbeite ich den Tooltip?
8 Antworten
Ich bin mit nvd3 ist piechart.js Komponente zum generieren einer piechart auf meiner Website. Die zur Verfügung gestellt .js-Datei enthält mehrere var wie folgt: var margin = {top: 30, right: 20, bottom: 20, left: 20} , width
So deaktivieren Sie die Legende in nvd3 oder begrenzen Sie die Größe
1 Antworten
Ich bin mit nvd3 und habe ein paar charts, wo die Legende ist viel zu groß. E. g. eine scatter/Blase mit 15 Gruppen und die Gruppen-Namen sind lang. Die Legende ist so groß, dass es bewirkt, dass
NVD3, Clear svg vor dem Laden des neuen Diagramms
5 Antworten
Ich habe mehrere verschiedene NVD3 charts, rufe ich in die gleiche svg. Ich verwenden Sie die Tasten zum aufrufen von Funktionen, die jeweils ein neues Diagramm, das verwendet eigene Daten. Gibt es eine Möglichkeit, klar ist mein
d3.js & amp; nvd3.js Achsen- und Labelpräzisionsformatierung
4 Antworten
Verwendung der stacked area Diagramm, wie in diesem Beispiel zu sehen http://nvd3.com/ghpages/stackedArea.html Versuchen, formatieren Sie die y-Achsen-tick-Beschriftungen und die tooltip-Etiketten auf Ganzzahlen statt Fließkommazahlen. Versucht, die änderung der Folgen code aus chart.yAxis .axisLabel('Users') .tickFormat(d3.format(',.2f')); zu chart.yAxis .axisLabel('Users')
wie man Höhe und Breite des nvd3 Diagramms einstellt
2 Antworten
Ich versuche, die Breite und Höhe eines nvd3 multi-Balken-Diagramm programmatisch mit chart.width(600); chart.height(400); Siehe das Beispiel hier: http://jsfiddle.net/hPgyq/20/ Wie Sie sehen können, wirklich vermasselt die chart. Ich weiß, dass ich tun kann, ist CSS mit: #chart svg