2016-08-08 18 views
1

Ich mache ein gestapeltes durchschnittliches Balkendiagramm mit Hilfe der Dimensional Charting Javascript Bibliothek dc.js, die auf d3 und Crossfilter basiert. Ich bin neu in dc.js Bibliothek..ich habe die Zeile Diagramm, Tortendiagramm und Datentabelle anzeigen.Initially wenn Daten geladen wird alle gestapelten bachart Durchschnittswert korrekt angezeigt. Wenn ich bin, klicken Sie auf die Zeile Diagramm eines Wertes der Durchschnitt Der Wert des gestapelten Balkendiagramms kann nicht richtig angezeigt werden. Ich kann nicht verstehen, wie man ein gestapeltes Balkendiagramm nach dem CSV-Format erstellt.dc.js Durchschnittswert pro SKU nicht korrekt

Sku  Stars partner review Date 
KBU12  5  Amazon Preferred over the r. 02/05/2016 
KBU12  5  Amazon Gorgeous fixture 05/06/2016 
KBU12  2  Amazon Awesome value! 02/02/2016 
KBU12  2  Homedepot Kitchen Remodel 06/09/2016 
KPF1650 3 Homedepot Wow 02/08/2016 
KPF1650 4 Homedepot Sharp! 05/04/2015 
KPF1650 5 Homedepot cool design 05/05/2015 
KPF1650 1 Amazon Beautiful 09/08/2015 
KPF1650 2 Amazon Very happy 09/11/2016 
GV-100  3 Amazon Great quality 12/12/2015 
GV-100  5 Homedepot Love it 01/03/2015 
GV-100  1 Homedepot Sad I had to return it 12/10/2014 
GV-100  4 Homedepot Beautiful But Stiff 12/11/2014 
GV-100  2 Homedepot Kitchen Faucet 10/04/2014 
KBU24  3 Build  I like the look of faucet 04/05/2014 
KBU24  5 Build  Commercial style without 06/07/2016 
KBU24  4 Build  Very Cool 06/07/2014 
KBU24  1 Build  Excellent! 01/04/2014 
KBU24  3 Build  A beautiful Vessel Sink 07/06/2013 
KBU24  5 Amazon  Beautiful addition 05/04/2013 
+1

Können Sie einige Beispielcode in zum Beispiel jsfiddle hinzufügen, um es einfacher zu machen, Ihnen zu helfen –

+0

Hier ist eine Vorlage Geige, mit der Sie beginnen können. Es enthält dc.js und seine Abhängigkeiten: https://jsfiddle.net/esjewett/jusjkm8j/ –

+0

@EthanJewett Ich habe den gesamten Code in jsfiddle aktualisiert. – pramod24

Antwort

1

Es dauerte eine Weile, um herauszufinden, was Sie fragen, denn es gibt hier kein gestapeltes Balkendiagramm ist.

Aber ich sah, dass das Diagramm "Review by Partners" leer war, und es verwendet Durchschnittswerte, also denke ich, das ist, worum du fragst.

Es ist wie das Parsen von Sternen aussieht, ist falsch:

d.Stars = d.Stars.match(/\d+/); 

String.match wird ein Array von Strings zurück. So reduceAdd kann nicht mit dieser direkt arbeiten, wenn es zusammenzufassen versucht:

p.total += v.Stars; 

Versuchen Sie das erste Ergebnis ziehen und es in eine ganze Zahl konvertieren:

d.Stars = +d.Stars.match(/\d+/)[0]; 

Arbeits (glaube ich) Gabel Ihrer Geige : https://jsfiddle.net/gordonwoodhull/5xc9rh4f/1/

+0

es funktioniert .... Vielen Dank !!!!! – pramod24

+0

Gordon, wie man den Monat in sequence weise in barchart anzeigt. Wie.jan, feb, mar ich habe fiddle angehängt https://jsfiddle.net/gordonwoodhull/5xc9rh4f/1/ – pramod24

+0

Hi @santosh, könntest du bitte eine andere Frage dafür öffnen? Grundsätzlich müssen Sie eine Zeit- oder Zahlenskala für x verwenden, statt Ordinal - Ordinal wird alphabetisch sortiert. – Gordon