2016-12-01 62 views
0

私はc3を使って簡単なグラフを作成します。私はJsonファイルからデータを取得し、それを埋めて私の線グラフを作成したいと思います。c3.js x/yでjsonデータを設定する方法Axis

My Y値は「ラベル」、X値は「データ」である必要があります。 だから、これは私のコードがどのように見えるか、次のとおりです。

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

マイ "件のデータ"(配列)は、次のとおりです。

"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" 
... 

そして、私のラベル:

私は今設定することができますどのように
1234.433 
2234.431 
1231.546 
8965.354 
.... 

、私のデータをX軸に、ラベルをYに入れますか?

答えて

1

日付ヒストグラムを作成するには、x軸をtimeseriesとして定義する必要があります。

結果は次のようになります。

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