gpt4 book ai didi

chart.js - 图表 : uncaught exception: 0 and X are too far apart with stepSize of Y

转载 作者:行者123 更新时间:2023-12-02 19:33:52 28 4
gpt4 key购买 nike

我正在使用 Chartjs 在图表上绘制数据。它曾经有效,但我不知道为什么我不断收到未捕获的异常:0和1587533402000相距太远,步长为1小时,尽管0和1587533402000都不是我绘制的数据的一部分.

这是我绘制图表的方法:

var chart_temperature = new Chart(ctx_temperature, {
// The type of chart we want to create
type: 'line',

// The data for our dataset
data: {
labels: timeXValues,
fill: false, // no inner color
datasets: [{
label: 'Temperature',
borderColor: 'rgb(255, 99, 132)',
data: temperatureData
}]
},

// Configuration options go here
options: {
responsive: true,
layout: {
padding: {
bottom: 50
}
},
elements: {
point: {
radius: 0 // don't show points
},
line: {
fill: false
}
},
scales: {
xAxes: [{
type: 'time',
time: {
unit: 'hour',
displayFormats: {
hour: 'DD/MM/YYYY HH:mm'
}
},
ticks: {
beginAtZero: false // tried true, and also removed all this as it used to be
}

}],
yAxes: [{
scaleLabel: {
display: true,
labelString: 'T°C'
}
}]

},
showLines: true, // the points will be connected
// Optimization
animation: {
duration: 0 // general animation time
},
hover: {
animationDuration: 0 // duration of animations when hovering an item
},
responsiveAnimationDuration: 0 // animation duration after a resize

}
});

为什么 Chartjs 使用 0 而图表不是从 0 开始?我应该看哪里?

任何帮助表示赞赏:-)

编辑:

注释以下行(在 scales.xAxes 中)可以显示图表:

//                        type: 'time',

但是由于显示了时间戳,X 轴变得毫无用处。

最佳答案

一个天才的想法终于迸发出来了!搜索 与步长相差太远 in chartjs git repository显示时间刻度 min 选项被错误地设置为 0。添加these min max to time option of xAxes解决了问题。

即使 time min max 选项已弃用,仍应使用 ticks.minticks.max:

ticks: {
min: startTimestamp,
max: endTimestamp
}

关于chart.js - 图表 : uncaught exception: 0 and X are too far apart with stepSize of Y,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61358036/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com