c3.js Wie setze ich JSON Daten in x/y Achse

Question

Ich benutze c3 um einfache Graphen zu erstellen. Ich möchte Daten von einer JSON-Datei erhalten und sie füllen, um meinen Liniendiagramm zu erstellen.

Meine Y-Werte sollten ("Labels") sein und meine X-Werte sollten ("Datas") sein. Also das ist, wie mein Code wie folgt aussieht:

var chart = c3.generate({ 
    bindto: '#chart', 
    data: { 
      xFormat: '%Y-%m-%dT%H:%M:%S', 
      json: { 
       times:datas, 
       data: labels 
       } 
      } 
     }); 

Meine "Daten" (Array) sind:

"2014-01-01T10:10:10" 
"2014-02-01T10:10:10" 
"2014-03-01T10:10:10" 
"2014-04-01T10:10:10" 
"2014-05-01T10:10:10" 
... 

Und meine Etiketten:

1234.433 
2234.431 
1231.546 
8965.354 
.... 

Wie kann ich jetzt eingestellt , meine Daten in die X-Achse und Beschriftungen in Y?

Answer 1

Um ein Datumshistogramm zu erstellen, müssen Sie Ihre x-Achse als Zeitreihe definieren.

Das Ergebnis sieht wie folgt aus:

var chart = c3.generate({ 
    data: { 
     x: "time", 
     json: { 
      time: datas, 
      data: labels 
     } 
    }, 
    axis:{ 
     x:{ 
      type: "timeseries", 
      tick:{ 
       format:"%Y-%m-%dT%H:%M:%S" 
      } 
     } 
    } 
});