Question

我一直试图用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);
        });

Answer 1

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

"data":{"Rubick":6524,"Lion":6550,"Magnus":6565,"Keeper of the Light":6566}

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

"data": [[0,6524],[1,6550],[2,6565]] //etc...

如果您使用的是categories插件，那么您的数据几乎是正确的，但它会是：

"data":[["Rubick",6524],["Lion",6550],["Magnus",6565],["Keeper of the Light",6566]]

当然，如果您使用的是该插件，则需要启用它：

xaxis: {
    mode: "categories"
}

没有出现浮点图。没有错误代码

1 个答案: