Javascript 使用Chartjs的固定时间间隔的单位步长

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

我很难用我的图表js图获得正常的15分钟时间间隔。 下面是我的xAxis的设置:

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分钟。知道如何强制吗?