Javascript Flot图形未出现。没有错误代码
我一直试图用flot绘制一个图表,但遇到了一个问题。我使用开发人员工具查看错误的位置,并使用JSlint检查我的javascript,但两者都表示没有“错误”。除此之外,图表没有显示,所以我一定是做错了什么。以下是图形代码: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
$(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"
}