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

我的“数据”（数组）是：

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