Question

我正在尝试使用flot area chart来获取一年中的统计数据，但静态数据一切正常，现在我想从mysql中获取数据但无法正常从json中获取...

//ajax response
$.post('fetch_data.php',{table:enq},function(data){
    alert('response: '+data);
    //response = [{"year":"2010","Nos":"3"},{"year":"2012","Nos":"7"},{"year":"2014","Nos":"5"}]                    
});
//static data
var d1 = [[2010, 3], [2012, 7], [2014, 5]];
var data1 = [
    {  data: d1, points: { fillColor: "#3c8dbc", size: 5 }, color: '#3c8dbc' }
];

$.plot($("#placeholder"), data1, {
    xaxis: {
        axisLabel: 'Year',
        axisLabelUseCanvas: true,
        axisLabelFontSizePixels: 12,
        axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif',
        axisLabelPadding: 5, tickLength: 0
    },
    yaxis: {
        min: 0,
        max: 10000,
        axisLabel: 'Amount',
        axisLabelUseCanvas: true,
        axisLabelFontSizePixels: 12,
        axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif',
        axisLabelPadding: 5
    },
    series: {
        lines: {
            show: true,
            fill: true
        },
        stack: true,
        points: {
            show: false
        },
        shadowSize: 7, // Drawing is faster without shadows
        color: "#3c8dbc"
    },
    grid: {
        borderWidth: 1
    }/*,
    legend: {
        labelBoxBorderColor: "none",
        position: "right"
    } */
});

那么如何格式化ajax响应看起来类似于我提到的静态数据...尝试this但无济于事...

Answer 1

解决了这个......：）

    $.post('fetch_data.php',{},function(data)
    {
       var obj = JSON.parse(data);
       var main_arr=[];
       if(obj.length >0)
       {
          var arr = [];
          $.each(obj,function () {
              arr = [this.Year, this.Nos];
              main_arr.push(arr);
           })
        }
        alert(main_arr);
        // then proceed plotting the chart...
   });

在php中格式化ajax json数据

1 个答案: