尝试运行一个非常简单的flot.js示例，我有以下代码来呈现flot图表。 （我故意删除了所有不必要的HTML和CSS。）
<div id="chartWrapper1">
<div id="placeholder"></div>
<div id="legendholder">Legend Container</div>
</div>
<script type="text/javascript">
$(function () {
var disk1 = [[0, 3], [4, 8], [8, 5], [9, 13]];
$.plot($("#placeholder"), [{
legend: { show: true, container: $('#legendholder') },
label: "Disk 1",
data: disk1,
lines: { show: true, fill: true }
}]);
});
</script>
结果看起来像这样：
http://bit.ly/JTR3Bd
（StackExchange还不允许我发布图像，因此上面的链接将您直接带到图表的屏幕截图。）
图表旁边的一小部分显示“图例”，是另一个div（id =“ legendholder”），这是我希望显示图例的地方。
我在网格选项上遇到了类似的问题，这是我不了解的部分：
当我在JavaScript中指定选项时，似乎什么也没有发生。图例仍保留在图表中。然后，我在jquery.flot.js中将图例设置硬编码，一切正常。显然，这完全是hack，但是有人在这里看到我在做什么错吗？
是的，我已经阅读了关于flot.js github页面的API文档，但是我无法弄清楚是什么导致了我的问题。
任何人？
最佳答案
flot plot函数应像这样$.plot(placeholder, data, options);调用
图例是选项的一部分，而不是数据，而这正是您在代码中所做的。尝试这个：
$(function () {
var disk1 = [[0, 3], [4, 8], [8, 5], [9, 13]];
$.plot($("#placeholder"), [{
label: "Disk 1",
data: disk1,
lines: { show: true, fill: true }
}],
{legend: { show: true, container: '#legendholder' }})
});
关于jquery - flot.js图例和网格选项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10626882/