Javascript Flot图形未出现。没有错误代码

Javascript Flot图形未出现。没有错误代码,javascript,jquery,flot,Javascript,Jquery,Flot,我一直试图用flot绘制一个图表,但遇到了一个问题。我使用开发人员工具查看错误的位置,并使用JSlint检查我的javascript,但两者都表示没有“错误”。除此之外,图表没有显示,所以我一定是做错了什么。以下是图形代码: $(document).ready(function(){ var graphdata = {"label":"MMR Over time","data":{"Rubick":6524,"Lion":6550,"Magnus":656

我一直试图用flot绘制一个图表,但遇到了一个问题。我使用开发人员工具查看错误的位置,并使用JSlint检查我的javascript,但两者都表示没有“错误”。除此之外,图表没有显示,所以我一定是做错了什么。以下是图形代码:

        $(document).ready(function(){
            var graphdata = {"label":"MMR Over time","data":{"Rubick":6524,"Lion":6550,"Magnus":6565,"Keeper of the Light":6566}};
            var options = {
                series: {
                    lines: { show: true },
                    points: {
                        radius: 3,
                        show: true
                    }
                }
            };

        $.plot($(".graph_holder"), 
                graphdata, 
                      options);
        });

您需要重新阅读上的flot api部分

无效。数据应采用数组的形式:

"data": [[0,6524],[1,6550],[2,6565]] //etc...
如果您使用的是插件,您的数据几乎是正确的,但可能是:

"data":[["Rubick",6524],["Lion",6550],["Magnus",6565],["Keeper of the Light",6566]]
当然,如果您正在使用该插件,则需要通过以下方式启用该插件:

xaxis: {
    mode: "categories"
}

你认为这个图表会是什么样子?如果需要线图,则数据应为数组格式,x值为数字,而不是字符串。iirc。
xaxis: {
    mode: "categories"
}