如何将canvasJS生成的数据保存到数据库?

时间:2018-11-22 12:31:56

标签: javascript php mysql ajax canvasjs

我对图不熟悉,我想创建一个实时图,该图生成随机数据并将数据保存在数据库中。我已经在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。我的问题是如何将生成的数据保存到数据库中。

0 个答案:

没有答案