如何使用FLOT在图形外部将文本添加到主画布中

Question

我在这里面临一点问题。

我需要在画布中添加文本但在图形的X轴下。

事实上，如果有人知道如何扩展画布的空间以在图表下添加内容并在那里添加文本，那将是完美的。

图像实际上是通过传输画布的base64表示用POST ajax保存的画布。

实际上，图例现在位于画布内，不再是HTML文本。

我需要它在图形的画布内，但在图形下。

是否足够清楚？

谢谢。

Answer 1

查看Hooks上的flot文档：

https://github.com/flot/flot/blob/master/API.md#hooks

听起来drawBackground挂钩可能对您有用。它可以让你在Flot绘制图形的其余部分之前在画布上绘制。

Answer 2

我的解决方案如下。

我在内存中创建了一个画布，并通过循环读取HTML图例中的信息，在里面添加了图例。

然后我创建了第三个画布，其中包含图形画布的图形和图例画布的图形。

之后，我通过AJAX将信息发送到服务器并将其保存为PNG。

这是PNG的结果：

所以人们说我们无法导出Flot图是错误的。

祝你有个美好的一天。