C3子图表不会从时间序列图表上的初始值开始

时间:2015-05-28 17:02:22

标签: javascript c3

我遇到的问题是,当我使用时间序列表时,我的子图表不会以初始值开头。我认为x.tick上的format属性在某种程度上搞乱了。任何帮助将不胜感激。

以下代码是我遇到的问题的一个示例:

var day1 = new Date();
day1.setDate(day1.getDate() - 7);
var day2 = new Date();
day2.setDate(day2.getDate() - 6);
var day3 = new Date();
day3.setDate(day3.getDate() - 5);
var day4 = new Date();
day4.setDate(day4.getDate() - 4);
var day5 = new Date();
day5.setDate(day5.getDate() - 3);


var chart = c3.generate({
    data: {
        x: 'x',
        columns: [
            ['x', day1, day2, day3, day4, day5],
            ['data1', 30, 200, 100, 400, 150],
            ['data2', 130, 340, 200, 500, 250]
        ]
    },
    axis: {
        x: {
            type: 'timeseries',
            extent: ['05-23', '05-24'],
            tick: {
                format: '%m-%d'
            }
        }
    },
    subchart: {
        show: true
    }
});

1 个答案:

答案 0 :(得分:0)

只需修改您的范围,以YYYY-MM-DD格式提供限制

extent: ['2015-05-23', '2015-06-23'],

小提琴 - http://jsfiddle.net/pL8jndft/