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