如何使用ajax响应数据绘制画布图?

时间:2017-08-18 09:20:31

标签: javascript php ajax canvasjs

<code>enter image description here</code>

这是我的代码的输出,因为您看到我的回复它有两个键日和金额。日和金额具有数组值。现在当我试图在空数组中推送这些值时,它没有运行。我的图表是空的。

$(document).ready(function(){
$.ajax
   ({
type:'post',
url:'data.php',
success:function(response)
{
    var result= JSON.parse(response);
    console.log(result); //var count = Object.keys(result).length;
    //console.log(count);
    var dps =[]; 
    for(var i=0; i<result.length;i++)
    {
      dps.push({"label":result.day[i], "y":result.amount[i]});
    }
    console.log(dps);
   //Insert Chart-making function here
   var chart = new CanvasJS.Chart("chartContainer", {
   zoomEnabled:true,
   panEnabled:true,
   animationEnabled:true,
   title:{
    text: "myChart from mySQL database"
  },

 axisX:{
    title: "TimeStamp"
 },

    axisY:{
    title: "myDataPoints",
    minimum: 0
 },

data: [{
    type: "spline",
    dataPoints:
        dps
          }]
});
chart.render();

}
   });
   });

[[02-JAN-16413],[03-JAN-16,14],[04-JAN-16,2],[05-JAN-16,37], [06-JAN-16,50],[07 - 16,22],[08 - 16,82] 我还想将响应数据转换为这种格式。

这是给定输出的代码。任何人都可以建议如何做到这一点。

0 个答案:

没有答案