Javascript C3.js:月份名称未连续显示
我正在使用C3.js绘制下图,但即使数据显示,x轴上也没有连续显示月份名称,请告诉我如何解决此问题 对于x轴数据,应类似于[2017年3月、2017年4月、2017年5月、2017年6月、2017年7月……等等] 试试这个 或者我认为您的日期格式对于JSON数据不正确, 您也可以尝试使用时间序列,如下所示Javascript C3.js:月份名称未连续显示,javascript,c3.js,Javascript,C3.js,我正在使用C3.js绘制下图,但即使数据显示,x轴上也没有连续显示月份名称,请告诉我如何解决此问题 对于x轴数据,应类似于[2017年3月、2017年4月、2017年5月、2017年6月、2017年7月……等等] 试试这个 或者我认为您的日期格式对于JSON数据不正确, 您也可以尝试使用时间序列,如下所示 var chart = c3.generate({ bindto: '#chart', data: { x: 'x', columns: [ ['x', '2017-01
var chart = c3.generate({
bindto: '#chart',
data: {
x: 'x',
columns: [
['x', '2017-01-01' , '2017-02-01','2017-03-01','2017-04-01','2017-05-01','2017-06-01','2017-07-01','2017-08-01'],
['data1', 30000, 20000, 10000, 40000, 0, 0, 0, 0],
['data2', 0, 0, 0, 0, 15000, 25000, 50000, 10000], ['data3', 0, 0, 0, 0, 15000, 25000, 50000, 10000]
],
order:false,
type: 'bar',
groups: [
['data2', 'data3']
]
},
bar: {
width: {
ratio: 0.70
}
},
axis: {
x: {
type: 'timeseries',
tick: {
rotate: 30,
format: '%b %Y'
}
}
}
});
快乐编码尝试将设置为错误:
axis: {
x: {
tick: {
culling: false
}
}
}
它可以防止c3隐藏特定的记号。请提供一些您尝试将x轴类型作为类别的代码。我已经为x使用了“timeseries”类型-axis@SanjeevS请看一下代码
var chart = c3.generate({
bindto: '#chart',
data: {
x: 'x',
columns: [
['x', '2017-01-01' , '2017-02-01','2017-03-01','2017-04-01','2017-05-01','2017-06-01','2017-07-01','2017-08-01'],
['data1', 30000, 20000, 10000, 40000, 0, 0, 0, 0],
['data2', 0, 0, 0, 0, 15000, 25000, 50000, 10000], ['data3', 0, 0, 0, 0, 15000, 25000, 50000, 10000]
],
order:false,
type: 'bar',
groups: [
['data2', 'data3']
]
},
bar: {
width: {
ratio: 0.70
}
},
axis: {
x: {
type: 'timeseries',
tick: {
rotate: 30,
format: '%b %Y'
}
}
}
});
axis: {
x: {
tick: {
culling: false
}
}
}