FlotChart绘制不同系列调用ajax

时间:2016-08-31 07:51:04

标签: php jquery ajax charts

我尝试使用flot chart(http://www.flotcharts.org/)绘制包含许多系列的图表,但未成功

我用a:调用ajax和情节图:

$.ajax({ 
    type: 'POST', 
        url: 'include/ajax/Charts.php', 
        data: { var1: foo[8],
                var2: foo[6]  }, 
        dataType: 'json',
        success: function (data) { 
            $.plot("#Grafico", data, options);
        }
});

Chart.php的结果是:

{ "A1":{"label": "RECORD (A1) "
        "data": [[1999, 3.0], [2000, 3.9], [2001, 2.0], [2002, 1.2], [2003, 1.3], [2004, 2.5], [2005, 2.0], [2006, 3.1], [2007, 2.9], [2008, 0.9]]
       },
  "A2":{"label": "RECORD (A2) ",
        "data": [[1999, 5.0], [2000, 8.9], [2001, 2.0], [2002, 1.2], [2003, 1.3], [2004, 2.5], [2005, 2.0], [2006, 3.1], [2007, 2.9], [2008, 0.9]]
       } 
}

其中A1和A2是系列。

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我找到了......

Json的反应变化" A1"和" A2"数字" 0"," 1" ECC。

我在json中计算了多少个对象:

var nn = Object.keys(serie).length;

宣布我的结果:

var res = [];

并填写结果:

for (var i = 0; i < nn; i++){
    res.push(serie[i]);
}

并在最后绘制图表:

$.plot("#Grafico", res, options);

我不明白&#34;推&#34;但是现在所有系列都已经完成了。