Итак, я работаю с диаграммой js, и мои данные извлекаются из базы данных. Это мой текущий график .
Однако все точки лежат на оси x при добавлении новых данных. Вот что происходит введите описание изображения здесь
Я пробовал использовать обновление / очистить / уничтожить, но ни один из них не работает. Это мой текущий код. Я что-то пропустил?
var ctx = document.getElementById("myChart4").getContext("2d");
var chart = new Chart(ctx,{
data:{
labels: xlabel4,
datasets:[{
label: "Lifetime's temperature",
data: points4,
type: "line",
pointRadius: 1,
fill: false,
lineTension: 0.5,
borderWidth: 2,
borderColor: "rgba(201,134,212,0.7)",
pointHoverBorderColor : "rgba(142,77,185,0.9)",
}],
},
options:{
tooltips:{
intersect: false,
mode: "index"
},
scales:{
xAxes:[{
type: "time",
distribution: "series",
offset : false,
ticks:{
autoSkip: true,
autoSkipPadding: 75,
},
time:{
unit : "month",
unitStepSize : 1,
},
}],
yAxes:[{
ticks:{
beginAtZero: true,
max : 100,
stepValue: 10
},
scaleLabel : {
display : true,
labelString : "Temperature"
}
}]
}
},
});