如何使用FLOT將文本添加到主畫布中但在圖形外部

Question

我在這里面臨一個小問題。

我需要在畫布內但在圖形的X軸下添加文本。

實際上，如果有人知道如何擴展畫布的空間以在圖形下方添加內容並在其中添加文本，那將是完美的。

該圖像實際上是通過傳輸畫布的base64表示而用POST ajax保存的畫布。

實際上，圖例現在位於畫布內，不再是HTML文本。

我需要它在圖的畫布內，但在圖的下方。

很清楚嗎？

謝謝。

Answer 1

查看Hooks上的flot文檔：

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

聽起來drawBackground掛鈎可能對您drawBackground 。 它可以讓您在Flot繪制圖形的其余部分之前在畫布上進行繪制。

Answer 2

我的解決方案如下。

我在內存中創建了一個畫布，並通過循環讀取HTML圖例中的信息在其中添加了圖例。

然后，我創建了第三個畫布，其中包含圖形畫布的圖形和圖例畫布的圖形。

之后，我通過AJAX將信息發送到服務器，並將其另存為PNG。

這是PNG結果：

所以人們說我們不能導出Flot圖是錯誤的。

祝你有美好的一天。