尝试运行一个非常简单的flot.js示例,我有以下代码来渲染浮动图. (我目的是省略所有非必要的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不允许我发布图像,所以上面的链接让你直接到图表的屏幕截图.)
图表旁边的一小部分是Legend,它是另一个div(id =“legendholder”),那就是我想要传奇的地方.
我有与网格选项类似的问题,这里是我不明白的部分：
当我在JavaScript中指定选项时,似乎没有发生任何事情.传说仍然在图表内.然后,我硬编码jquery.flot.js中的图例设置,一切正常.显然,这是一个全面的黑客,但是有没有人看到我在这里做错什么？
是的,我已经阅读了api文档,围绕flot.js github页面,但是我还没有弄清楚导致我的问题的原因.
任何人？
解决方法
这个绘图函数应该像这样$.plot(占位符,数据,选项);
图例是选项的一部分,而不是数据,这是您在代码中所做的.尝试这个：
图例是选项的一部分,而不是数据,这是您在代码中所做的.尝试这个：
$(function () {
var disk1 = [[0,[{
label: "disk 1",fill: true }
}],{legend: { show: true,container: '#legendholder' }})
});