2017-11-22 8 views
1

Jungs das ist das Problem: Ich habe eine Zeitserie gestapelt Balkendiagramm mit C3Js geschrieben, und es funktioniert wirklich nett. aber ich muß noch ein gestapeltes Balkendiagramm mit den gleichen Daten erstellen BUT als Kategorie-Chart ...c3js Gestapelte Balkendiagramm von JSON Array

meine Json sieht wie folgt aus:

{"product":"acucar5kg","bundle":0,"units":5342,"production":26710,"label":"acuuki 5kg","line":"Empacotamento 1","date":"2017-10-02"} 

und meine ursprüngliche Grafik ist wie folgt:

  • x-Achse: Datum
  • y-Achse: Herstellung
  • Gruppen: label

mein Ziel ist es

  • x-Achse zu haben: line
  • y-Achse: Produktion
  • Gruppen: label

, um es meiner ursprünglichen Code einfach über hier: code on jsfiddle und betrügen wirklich schnell für jedermann zu verstehen, was ich wirklich will ... hier ist das Modell new chart

Rette mich bitte !! = *

p.s. Fühlen Sie sich frei, meinen Code zu schlagen und zu verprügeln ... Ich bin kein guter JS Entwickler ... noch! Danke!

Antwort

2

Nun, nahm mir etwas Zeit, aber here ist eine Geige, was Sie brauchen. Zum Arbeiten habe ich:

Ändern Sie die Zeile in return d.line; für das nestedData Objekt und die obj.line = entry.key; für das formatedData Objekt. Nehmen Sie auch Änderungen an den Eigenschaften x: 'line', und dem Typ type: 'category' in der generate-Methode vor.

Überprüfen Sie und sagen Sie mir, ob das für Sie funktioniert.

+0

Rokum! GROSSER ERFOLG! Danke für deine Antwort! das hat einwandfrei gelöst! –

Verwandte Themen