C3 时间序列图表给出错误 Invalid value for <path> attribute

Question

我正在尝试使用 c3.js 生成时间序列图表，一切正常，除非我尝试在 x.axis 上添加日期时它突然给出错误无效值。我不明白为什么我要遵循 c3 文档的确切风格。 jsfiddle:

代码：

 var chart = c3.generate({
         bindto: '#chart',
    data: {
      x: 'x',
        columns: [
        ["x", "2016-01-04", "2016-01-05", "2016-01-06", "2016-01-07", "2016-01-08", "2016-01-09", "2016-01-10", "2016-01-11", "2016-01-12", "2016-01-13", "2016-01-14", "2016-01-15", "2016-01-16", "2016-01-17", "2016-01-18", "2016-01-19", "2016-01-20", "2016-01-21", "2016-01-22", "2016-01-23", "2016-01-24", "2016-01-25", "2016-01-26", "2016-01-27", "2016-01-28", "2016-01-29", "2016-01-30", "2016-01-31", "2016-02-01", "2016-02-02", "2016-02-03"],
         ["Democrates", 49.85, 49.89, 49.82, 49.51, 49.42, 49.33, 49.24, 49.64, 49.57, 49.57, 49.01, 48.67, 48.7, 48.7, 48.7, 48.63, 48.63, 48.63, 48.63, 48.63, 48.61, 48.61, 48.68, 48.76, 48.84, 48.73, 48.76, 48.79, 48.81, 49.68, 49.63],
         ["Republicans", "50.15", "50.11", "50.18", "50.49", "50.58", "50.67", "50.76", "50.36", "50.43", "50.43", "50.99", "51.33", "51.30", "51.30", "51.30", "51.37", "51.37", "51.37", "51.37", "51.37", "51.39", "51.39", "51.32", "51.24", "51.16", "51.27", "51.24", "51.21", "51.19", "50.32", "50.37"]
        ],
         colors: {
            Democrates: '#4575b4',
            Republicans: '#d73027'
        },
    }
});

Answer 1

在此处查看更新后的 fiddle：http://jsfiddle.net/yrzxj3x2/3/

您必须将 x 轴的类型设置为 'timeseries' 并且定义格式也无妨。这是在您的图表上启用时间序列的位：

axis: {
     x: {
        type: 'timeseries',
        tick: {
              format: '%Y-%m-%d'
        }
     }
 }

参见此处的参考资料：http://c3js.org/samples/timeseries.html

C3 时间序列图表给出错误 Invalid value for <path> attribute

C3 timeseries chart giving error Invalid value for <path> attribute

javascript

jquery

d3.js

c3.js