Javascript 如何在C3图表的Y轴上显示时间
是否可以在c3图表的y轴上显示时间。我使用下面的代码,但y轴时间不显示。X轴应为类别,y轴应为时间Javascript 如何在C3图表的Y轴上显示时间,javascript,c3.js,Javascript,C3.js,是否可以在c3图表的y轴上显示时间。我使用下面的代码,但y轴时间不显示。X轴应为类别,y轴应为时间 var chart2 = c3.generate({ bindto: '#predPerformance', data: { columns: [ ['01-11-2015', 1448287450, 1448287450, 1448287450, 1448287450, 1
var chart2 = c3.generate({
bindto: '#predPerformance',
data: {
columns: [
['01-11-2015', 1448287450, 1448287450, 1448287450, 1448287450, 1448287450, 1448287450, 1448287450 ],
['02-11-2015', 1448291104, 1448291104, 1448291104, 1448291104, 1448291104, 1448291104, 1448291104 ]
]
},
axis: {
x: {
categories: ['ABC', 'PQR', 'WWW', 'POINT', 'ETA','RTA','BLY'],
type: 'categorized'
}
},
axis: {
y: {
type: 'timeseries'
}
}
});
请尝试以下代码中显示的属性:-
axis: {
rotated: true
}
我已经格式化了y轴并禁用了工具提示,因为分钟范围是0-59,但y轴仍然是值范围(0-99)。因此我使用自定义工具提示将值范围转换为时间范围
var chart = c3.generate({
data: {
columns: [
['data1',201510210120, 201510210150, 201510210120, 201510210130,201510210135,201510210150],
['data2',201510210125, 201510210200, 201510210130, 201510210140,201510210155,201510210150],
['data3',201510210130, 201510210140, 201510210140, 201510210150,201510210125,201510210200]
]
},
size: {
height: 320
},
axis: {
x: {
type: 'category',
categories: ['ABC', 'PQR', 'WWW', 'POINT', 'ETA','RTA']
},
y: {
tick: {
//format: d3.format('$,')
format: function (d) { return d.toString().substr(8, 2) + ':' + d.toString().substr(10, 2); }
},
max: 201510212300,
min: 201510210100
}
},
tooltip: {
show: false
}
});
为什么我们需要旋转,c3 y轴不支持时间序列吗?如果旋转,则必须将y轴修改为类别,将x轴修改为时间序列,但无法将y轴修改为类别。