尝试运行一个非常简单的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>
结果如下:
(StackExchange不允许我发布图像,所以上面的链接让你直接到图表的屏幕截图.)
图表旁边的一小部分是Legend,它是另一个div(id =“legendholder”),那就是我想要传奇的地方.
我有与网格选项类似的问题,这里是我不明白的部分:
当我在JavaScript中指定选项时,似乎没有发生任何事情.传说仍然在图表内.然后,我硬编码jquery.flot.js中的图例设置,一切正常.显然,这是一个全面的黑客,但是有没有人看到我在这里做错什么?
是的,我已经阅读了API文档,围绕flot.js github页面,但是我还没有弄清楚导致我的问题的原因.
任何人?