使用此脚本,我无法自动更新新数据。
现在我已经显示了所有的数据。
var ' . $var1 . ' = [];
var ' . $var2 . ' = [];
const ctx = $("#myChart");
const data = {
labels: '.$var1.',
datasets: [{
label: "Student Marks",
data: '.$var2.',
backgroundColor: "#0156AC",
pointStyle: "circle",
pointRadius: 5,
pointHoverRadius: 10
}]
};
const config = {
type: "line",
data: data
};
const myChart = new Chart (
ctx,
config
);
var getData = function() {
$.ajax({
type: "GET",
dataType: "json",
url: "' . $url . '",
success: function(data) {
for(var i in data) {
'.$var1.'.push(data[i].'.$var1.');
'.$var2.'.push(data[i].'.$var2.');
}
}
});
};
setInterval(getData, 1000);
字符集
我无法显示新的数据,我关注了不同的视频,但我无法获得任何结果。
1条答案
按热度按时间yruzcnhs1#
在处理新的可用数据时,缺少两样东西。
1.您还需要向
data.labels
添加新值。1.最后,您需要调用
myChart.update()
。有关更多信息,请参阅
Chart.js
文档中的更新图表。