我正在尝试使用带日期的X制作C3条形图。我已将数据格式化为连续日期,按日汇总。
我创造了一个我认为可行的小提琴:https://jsfiddle.net/8aL1stcs/
这样的情节工作得很好,这里是X轴的小提琴版本注释:https://jsfiddle.net/8aL1stcs/1/
var elementID = "#myPlot";
var myData = {};
//myData.x = 'x';
//myData.xFormat = "%Y-%m-%d";
myData.type = 'bar';
myX = ["2015-11-20", "2015-11-21", "2015-11-22","2015-11-23", "2015-11-24"];
myY = [1,2,3,4,5];
myX.splice(0,0,'x');
myY.splice(0,0,'New Reports');
myData.columns = [];
//myData.columns.push(myX);
myData.columns.push(myY);
var chart = c3.generate({
bindto: elementID,
data: myData,
size: {
height: 480,
width:400,
},
bar: {
width: {
ratio: 0.5 // this makes bar width 50% of length between ticks
}
// or
//width: 100 // this makes bar width 100px
}
});
为此,我认为我需要使用一些处理x-ticks的自动方式。换句话说:我不想手动设置滴答。
答案 0 :(得分:2)
你在c3生成json中错过了这个。
axis: {
x: {
type: 'timeseries',
tick: {
format: "%b-%d"//format in which you want the output
}
},
}
工作代码dataloader
希望这有帮助!