Javascript 使用Chartjs的固定时间间隔的单位步长
我很难用我的图表js图获得正常的15分钟时间间隔。 下面是我的xAxis的设置:Javascript 使用Chartjs的固定时间间隔的单位步长,javascript,charts,chart.js,Javascript,Charts,Chart.js,我很难用我的图表js图获得正常的15分钟时间间隔。 下面是我的xAxis的设置: xAxes: [{ type: 'time', ticks: { maxRotation: 90, minRotation: 80 }, time: { format: 'HH:mm', too
xAxes: [{
type: 'time',
ticks: {
maxRotation: 90,
minRotation: 80
},
time: {
format: 'HH:mm',
tooltipFormat: 'HH:mm',
unit: 'minute',
unitStepSize: 15,
displayFormats: {
'minute': 'HH:mm',
'hour': 'HH:mm'
},
min: 1502521200000,
max: 1502553600000
}
}]
x数据是时间戳:
1502521200000
顺便说一下,我希望我的数据帧从1502521200000开始,到1502553600000结束,但第一个数据点没有标签:
谢谢你的帮助
jsiddle:正如@RC建议的那样,删除
min
和max
,然后使用stepSize
而不是unitStepSize
让我来看看一下,让我的泡泡学校的学生们,让我的泡泡学校的学生们,让我的学生们,让我的学生们,让让我的学生们,让我的学生们,让我的学生们,让我的学生们,让我的学生们,让我的学生们,让他们,让他们,{,{,{,{,{,{,{,{,{,{,{,{,,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,},{,{,{,{,{,{,{,},{,{,{,{,{,{,},{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,{,,},{},{“x”:150254100000,“y”:0.5,“r”:3},{},{“x”:150254200000,“y”:0.5,“r”:6},{},{},{},{“x”:150254640000,“y”:0.5,“r”:3},{},{},{},{},{,{,{,},{,{,{,},{,{,}];
设ctx=document.getElementById('test');
让myBubbleChart=新图表(ctx{
类型:'气泡',
数据:{
动画:{
持续时间:10000
},
数据集:[{
数据:myBubbleData
}]
},
选项:{
回答:是的,
标题:{
显示:对,
文本:“Chart.js气泡图”
},
比例:{
雅克斯:[{
显示:假,
位置:'左',
滴答声:{
分:0,,
最高:1
},
网格线:{
显示:假
}
}],
xAxes:[{
键入:“时间”,
滴答声:{
最大旋转:90,
平均轮换次数:80
},
时间:{
格式:“HH:mm”,
tooltipFormat:'HH:mm',
单位:分钟,
步长:15,
显示格式:{
‘分钟’:‘HH:mm’,
“hour”:“HH:mm”
}
}
}]
}
}
});
谢谢,是这样吗:)删除最小值和最大值。或者使用正确的值,或者如果您希望所有范围始终保持不变,则通过为“孔”添加(x,未定义)来“填充”数据@RC。谢谢RC。“填充”有效,但间隔为10分钟而不是15分钟。知道如何强制吗?