Jquery 使用每个循环填充时，绘图图为空

所以我尝试在它自己的div中绘制多个flot图表。数据是json格式的，我已经将其解析为单个json。然后我想为每个json创建一个div并绘制单个json

然而，这似乎不起作用！我得到了（在本例中）3个div，并显示了绘图区域，但没有数据-我测试了一个json（没有循环），它工作得很好

我错过了什么

---

代码可以在这里找到：

您可以使用jQuery（）中的parseJson函数。 这样，您就不必进行字符串操作

与此相反：

var shorted_json = json.substring(2,json.length-2);     // Cut away leading and trailing characters from outer json-array
var replaced_json = shorted_json.replace(/},{/g,'o');   // Replace json-object seperator },{ with an 'o'
var splitted_json = replaced_json.split('o');           // Split the json-string for every occurence of the character o;
$.each( splitted_json, function( index, value ){
    var single_json = "{"+value+"}";
    var element = "<div id='placeholder_"+index+"'></div><br>";
    $(document.body).append(element);
    $('#placeholder_'+index).css('height', 500);
    $('#placeholder_'+index).css('width', '100%');
    var options = { ... };

    $.plot('#placeholder_'+index,[single_json],options);

});

var shorted_json=json.substring（2，json.length-2）；//从外部json数组中删除前导字符和尾随字符
var replaced_json=shorted_json.replace（//}，{/g，'o'）；//用'o'替换json对象分隔符}，{
var splitted_json=replaced_json.split（'o'）；//为每个出现的字符o拆分json字符串；
$.each（拆分的json，函数（索引，值）{
var single_json=“{”+值+“}”；
var元素=“
”；
$（document.body）.append（元素）；
$（占位符+索引）.css（'height'，500）；
$（占位符+索引）.css（'width'，'100%'）；
var选项={…}；
$.plot（“#占位符”+索引，[single_json]，选项）；
});

这样做：

$.each( $.parseJSON(json), function( index, value ){
    var element = "<div id='placeholder_"+index+"'></div><br>";
    $(document.body).append(element);
    $('#placeholder_'+index).css('height', 500);
    $('#placeholder_'+index).css('width', '100%');
    var options = { ... };

    $.plot('#placeholder_'+index, [value['data']],options);

});

$.each（$.parseJSON（json）、函数（索引、值）{
var元素=“
”；
$（document.body）.append（元素）；
$（占位符+索引）.css（'height'，500）；
$（占位符+索引）.css（'width'，'100%'）；
var选项={…}；
$.plot（“#占位符”+索引，[值['data']]，选项）；
});

---

查看此工作示例：

请在问题中包含代码和/或简单的可复制示例。对不起，马克，我只是对代码标记有问题，我认为会有很多代码…但我下次会这样做。