Angularjs 为什么这个C3.JS图表不显示X轴上的时间序列?
此图表呈现正常,但不再显示底部的时间序列(很抱歉没有小提琴):Angularjs 为什么这个C3.JS图表不显示X轴上的时间序列?,angularjs,time-series,c3.js,Angularjs,Time Series,C3.js,此图表呈现正常,但不再显示底部的时间序列(很抱歉没有小提琴): 结果是“axis.x.tick.values”数组必须与图表中的值具有相同的日期,否则x轴上没有任何内容可供图表渲染。我使用此代码确保它们匹配: var timeindices = [ '21/02/2017 00:00', '21/02/2017 01:30', '21/02/2017 03:00', '21/02/2017 04:30', '21/02/2017 06:00', '21/02/2017 07:30
结果是“axis.x.tick.values”数组必须与图表中的值具有相同的日期,否则x轴上没有任何内容可供图表渲染。我使用此代码确保它们匹配:
var timeindices = [
'21/02/2017 00:00', '21/02/2017 01:30', '21/02/2017 03:00', '21/02/2017 04:30',
'21/02/2017 06:00', '21/02/2017 07:30', '21/02/2017 09:00', '21/02/2017 10:30',
'21/02/2017 12:00', '21/02/2017 13:30', '21/02/2017 15:00', '21/02/2017 16:30',
'21/02/2017 18:00', '21/02/2017 19:30', '21/02/2017 21:00', '21/02/2017 22:30',
'21/02/2017 00:00'
];
var timeseries = [];
var dateprefix = dataStore[0][0].substring(0, 11);
timeindices.forEach(function (d) {
timeseries.push(dateprefix + d.substring(11, 16));
});
然后,我以这种方式修改了图表构造函数:
axis: {
x: {
show: true,
type: 'timeseries',
tick: {
format: '%H:%M',
values: timeseries
我有一个类似的问题,结果是动态高度。你能检查一下你的身高比例是否合适吗?大小:{height:height*2}原来是“axis.x.tick.values”数组。一旦我更新了代码以使用真实数据而不是填充“c3current”和“c3data”的伪数据,“axis.x.tick.values”数组中的日期不同步,因此它不会呈现它们。我写了一些代码来匹配它们,它们重新出现了。@akoya,这是个好主意。事实上,我上周也遇到了同样的问题,并且用同样的方法解决了。
axis: {
x: {
show: true,
type: 'timeseries',
tick: {
format: '%H:%M',
values: timeseries