问题标签 [flot]

我正在使用 jQuery/FLOT 绘制图形，我希望用户能够下载图形的 PDF 版本。我正在使用 ColdFusion 编写 PDF。创建图形后，我将图形 div 的 html 通过 ajax 发送到使用 cfdocument 编写 pdf 的 CF 脚本。问题是在 PDF 中，它只显示轴和标签，而不是实际的图形数据。有人知道如何获取在画布上动态创建的实际图像吗？

我必须在 X 轴上显示日期，在 Y 轴上显示 Amt 图表。将有 8 行（系列），每行包含 n 个月的数据。当我绘制图表时，我肯定会发送 6 个月的数据。（一行的数据如下所示）

[1251701950000,34.50553] [1254294030000,27.014463] [1256972350000,26.7805] [1259567970000,33.08879700,33.08879700,51.987970000,51.987970000,51.987970000,51.0887970000,51.987763007]

然而，图表显示如下http://twitpic.com/1gbb7m

第一个月标签缺失，上个月没有正确对齐，我的flot js代码如下

我试图检索一些 json 以传递到一个浮点图。我知道 json 是正确的，因为我对其进行了硬编码以进行检查，但我很确定我没有正确通过，因为它没有出现。这是javascript：

这是json：

我正在使用Flot绘制一些从服务器拉回的数据。我收到的 X 轴数据是以毫秒为单位的，我想用 X 轴以秒为单位显示图表。所以，我认为这是对API的transform轴选项的一个很好的使用。我像这样应用了我的变换：

我可以看到框架正在调用我的转换函数，并且我可以看到点本身正在被转换——当我绑定plothover事件并将鼠标悬停在这些点上时，我可以看到 X 值被适当地转换。问题是 x 轴刻度标签也没有得到转换。

我需要做什么才能让轴标签本身与我的数据一起转换？

我有一张我正在使用 flot 绘制的图表。当有人将鼠标悬停在文本上时，我想更改数据图的颜色。目前，我通过每次需要突出显示某些内容时重新绘制整个图表来做到这一点。这非常慢（对于简单的图表大约需要 30 毫秒，对于更复杂的图表则需要 100 毫秒）。既然我想做的就是改变颜色，有没有更快的解决方案？

我有一个简单的应用程序，它每分钟轮询数据库中的数据。当获取新数据时，我正在使用 ajax 更新图表。但是，每当我更新图表（使用添加到绘图数据的新值重新绘制它）时，当前的缩放状态都会丢失。在更新图表之前，我想保留最新的缩放位置。更新图表后，我想将图表缩放到其保存的位置。这很重要，因为每分钟重新缩放很烦人。这可能吗？

我正在使用 Flot 图形库 jQuery 插件，但我还没有找到一种很好的方法来处理包含<div>更改大小的图形（例如，由于窗口大小调整）。在处理 onresize 事件时，我确保包含的宽度和高度<div>更新为正确的大小，然后尝试调用 setupGrid 并在绘图对象上绘制，但没有任何效果。我在删除和读取包含<div>并重新绘制其中的图表的方法方面取得了一些成功。但是，如果我必须添加其他内容，这似乎很容易陷入无限调整大小事件循环中<div>同时向文档添加元素（例如图表的工具提示），因为我猜这些元素也会触发调整大小事件？有没有好方法来处理我失踪的问题？

（我还在为 IE 使用 ExplorerCanvas 以便能够使用 Flot，如果这可能与它有关。我还没有在任何其他浏览器中真正尝试过）

我有一些 JSON 格式的数据（来自 php）要传递给 javascript 函数。尝试执行此操作时出现“无效的属性 ID”错误。

下面是js函数签名（数据和选项都是JSON格式）

函数draw_quadratic（数据，选项，阿尔法，贝塔）

下面是一个示例函数调用。

（我正在尝试使用 flot js 库绘制一些图表）

提前致谢

我用 jquery flot 绘制了一些漂亮的图表。在 x 上显示周数。我想显示冬季的周数（oct-apr），但这是不可能的，因为 cos flot 喜欢直盘（0、1、2、3、4 等）而不是（49、50、51、52 , 1, 2 等）。有谁知道如何修理它？ http://sionvalais.com/snowcondition/andermatt/36

我在使用 Flot 创建图表方面取得了很多成功。但是，我似乎无法弄清楚如何使用该库在两行之间的区域进行着色。我的目标是能够创建阴影区域，如下图所示：

图1 http://hizkiya.com/images/1.jpg 图2 http://hizkiya.com/images/2.jpg

我找到了这个插件，但它似乎只能对一条线的一系列值进行着色，如此处所示。

更新：

我终于开始做着色工作了，虽然它有点老套。我正在记录这里的工作原理，以便其他人可以受益。

为了在两条线之间添加阴影，您必须合并两个数据集，其中较高的一个反向排列。确保数据集的第一个点和最后一个点相同，否则您可能会得到奇怪的结果。

因此，例如，如果我设置lines: { fill: true}为data: [[0,8],[100,8],[100,8],[90,7],[85,6], [10,6], [0,8]]，我最终会得到一个填充区域。