jquery – flot.js图例和网格选项

前端之家收集整理的这篇文章主要介绍了jquery – flot.js图例和网格选项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
尝试运行一个非常简单的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>

结果如下:@H_404_5@

http://bit.ly/JTR3Bd@H_404_5@

(StackExchange不允许我发布图像,所以上面的链接让你直接到图表的屏幕截图.)@H_404_5@

图表旁边的一小部分是Legend,它是另一个div(id =“legendholder”),那就是我想要传奇的地方.@H_404_5@

我有与网格选项类似的问题,这里是我不明白的部分:@H_404_5@

当我在JavaScript中指定选项时,似乎没有发生任何事情.传说仍然在图表内.然后,我硬编码jquery.flot.js中的图例设置,一切正常.显然,这是一个全面的黑客,但是有没有人看到我在这里做错什么?@H_404_5@

是的,我已经阅读了API文档,围绕flot.js github页面,但是我还没有弄清楚导致我的问题的原因.@H_404_5@

任何人?@H_404_5@

解决方法

这个绘图函数应该像这样$.plot(占位符,数据,选项);
图例是选项的一部分,而不是数据,这是您在代码中所做的.尝试这个:
$(function () {
    var disk1 = [[0,[{
      label: "Disk 1",fill: true }
    }],{legend: { show: true,container: '#legendholder' }})
});​
原文链接:https://www.f2er.com/jquery/180414.html

猜你在找的jQuery相关文章