在页面中绘制多个浮点数

【问题标题】：Paint more than one flot in a page在页面中绘制多个浮点数
【发布时间】：2012-02-27 21:57:16
【问题描述】：

是否可以发布一些代码示例，说明如何将 Flot 与 PHP 和 MySql 结合使用，以便在 html 页面中绘制多个图形？前任。 -> 从 DB 中提取数据并使用 while 循环从中绘制两个或多个浮点数

【问题讨论】：

【解决方案1】：

由于 flot 已经不与它正在绘制的 div 耦合，因此多个图应该像单个图一样简单：

<div id="plot1"></div>
<div id="plot2"></div>

....
//some script fragment
$.plot($('#plot1'), dataFor1, options);
$.plot($('#plot2'), dataFor2, options);

【讨论】：

是的，我已经在同一页面上完成了多达 10 个图表，没有任何问题。

【解决方案2】：

这与您的问题here 有关吗？
如果您要在循环中创建绘图，您可能会发现执行以下操作更容易：

for(var i=0;i<data.length;i++)
     $.plot( $('<div style="width:600px;height:300px;"></div>').appendTo('#placeholder'),data[i],options);

如果你用这种方式初始化绘图，你不需要提前制作div。

【讨论】：