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

Question

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

我的Y值应该是（＆＃34;标签＆＃34;），我的X值应该是（＆＃34; Datas＆＃34;）。 这就是我的代码的样子：

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

我的＆＃34;数据＆＃34; （数组）是：

"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"
            }
        }
    }
});