FlotChart绘制不同系列调用ajax

我尝试使用flot chart绘制带有许多系列的图表失败( http://www.flotcharts.org/ )</ p>

我用aj调用ajax和绘图:</ p >

  $。ajax({
type:'POST',
url:'include / ajax / Charts.php',
data:{var1:foo [8],

var2:foo [6]},
dataType:'json',
success:function(data){
$ .plot(“#Grafico”,data,options);
}
}) ;
</ code> </ pre>

Chart.php的结果是:</ p>

  {“A1”:{“label”:  “记录(A1)”
“数据”:[[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)”,
“数据” :[[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]]
}
}
</ co de> </ pre>

其中A1和A2是系列。</ p>

提前感谢您的帮助。</ p>
</ div>

展开原文

原文

I am trying unsuccessfully to plot a graph with many series with flot chart (http://www.flotcharts.org/)

I call ajax and plot graph with:

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

the result from Chart.php is:

{ "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]]
       } 
}

where A1 and A2 are the series.

thanks in advance for your help.

douqi3195
douqi3195 没什么。结果直接来自Chrome浏览器的Network/Rensponse
接近 4 年之前 回复
douguluan5102
douguluan5102 控制台说什么?有错误吗?
接近 4 年之前 回复

1个回答

I found....

Json response change "A1" and "A2" to numbers "0", "1" ecc.

I count how many object in json:

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

declare my result:

var res = [];

and fill the result:

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

and at the end plot the graph:

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

I did not understand how "push" works but now all series are plotted.

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问