JQuery Flot setData 未正确设置数据

Question

我在使用 jquery-flot(flotcharts)制作实时图表时遇到麻烦。

这是我的代码:

$(document).ready(function(){
var test = function(){
    $.ajax({
        type: "GET",
        url: "index.json",
        datatype:"json"
    }).always(function(series) {
        console.log(series);
        update(series.responseText);
    });
};

var options = {
    xaxis: {
        mode: "time"
    }
};
var plot = $.plot($("#placeholder"), [{label:"test",data:[[1389185414000,0],[1389185415000,15449]]}], options);
function update(series) {
    console.log(series);
    plot.setData(series);
    console.log(plot.getData());
    plot.setupGrid();
    plot.draw();
    setTimeout(test, 100000);
}
test();
});

问题似乎出在 setdata 函数上。这是我从 ajax 请求中得到的结果:

[{
    label: "test",
    data: [
        [1389185414000, 0],
        [1389185415000, 15449],
        [1389185425000, 1406],
        [1389185435000, 187],
        [1389185445000, 1377],
        [1389185455000, 1544],
        [1389185465000, 270],
        [1389185475000, 1681],
        [1389185485000, 687]
    ]
}]

然后，如果我查看plot.getData 返回的内容，则会为返回的 json 字符串中的每个字符创建一个新对象。 (例如:“[”的对象、“{”的一个对象、“l”的一个对象，依此类推。)

知道我可能做错了什么吗？

谢谢!

Answer 1

你不能将字符串传递给setData；它需要一个数组。

之所以有字符串，是因为您没有将 datatype 中的 t 大写，因此 jQuery 不会将您的数据解释为 JSON。