我对图不熟悉,我想创建一个实时图,该图生成随机数据并将数据保存在数据库中。我已经在canvas.js中看到了一个生成随机数据并创建实时图的代码。我的问题是如何将canvas.js中生成的数据保存到数据库中。我有一个数据库名称randgraph,我想将y值保存到data列,将x值保存到id列。.谢谢..
这是Javascript代码。
window.onload = function () {
var dps = []; // dataPoints
var chart = new CanvasJS.Chart("chartContainer", {
title :{
text: "Dynamic Data"
},
axisY: {
includeZero: false
},
data: [{
type: "line",
dataPoints: dps
}]
});
var xVal = 0;
var yVal = 100;
var updateInterval = 1000;
var dataLength = 20; // number of dataPoints visible at any point
var updateChart = function (count) {
count = count || 1;
for (var j = 0; j < count; j++) {
yVal = yVal + Math.round(5 + Math.random() *(-5-5)); //generate random number for y value
dps.push({
x: xVal,
y: yVal
});
xVal++;
}
if (dps.length > dataLength) {
dps.shift();
}
chart.render();
};
updateChart(dataLength);
setInterval(function(){updateChart()}, updateInterval);
}
这是图形的图像以及完整的代码。 CanvasJs。我的问题是如何将生成的数据保存到数据库中。