C3 子图不会以时间序列图上的初始值开始
C3 subchart won't start with initial value on timeseries chart
我 运行 遇到以下问题:当我使用时间序列图表时,我的子图表不会以初始值开始。我认为 x.tick 上的格式 属性 在某种程度上搞砸了。任何帮助将不胜感激。
下面的代码是我遇到的问题的示例:
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
}
});
只需修改您的范围,以 YYYY-MM-DD 格式给出限制
extent: ['2015-05-23', '2015-06-23'],
Fiddle - http://jsfiddle.net/pL8jndft/
我 运行 遇到以下问题:当我使用时间序列图表时,我的子图表不会以初始值开始。我认为 x.tick 上的格式 属性 在某种程度上搞砸了。任何帮助将不胜感激。
下面的代码是我遇到的问题的示例:
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
}
});
只需修改您的范围,以 YYYY-MM-DD 格式给出限制
extent: ['2015-05-23', '2015-06-23'],
Fiddle - http://jsfiddle.net/pL8jndft/