c3.js如何在x/y轴上设置json数据轴

Question

我使用c3创建简单的图形。我想从Json文件获取数据并填充它以创建我的线图。

我的Y值应该是（“标签”），我的X值应该是（“数据”）。 所以这是，如何我的代码如下所示：

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

我 “DATAS”（阵列）是：

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

Answer 1

为了创建日期直方图，您必须将您的x轴定义为时间序列。

结果看起来是这样的：

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