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