如何將工具提示添加到FLOT圖

Question

這是我嘗試使用的完整代碼。 它在沒有工具提示功能的情況下有效，但在包含它們時不起作用

該代碼將生成一個包含2條線和一條線的圖形。 如何在不弄亂我的圖表的情況下添加工具提示並實際添加一些交互性？

Answer 1

你的小提琴有很多不同的錯誤：

• 網格選項缺少必要的可hoverable: true選項hoverable: true

• $("placeholder").bind("plothover", ...前另一個缺少的#

• } else( } else {應該是} else { （ 摘自經驗師的評論 ）

• var y = item.datapoint[1].toFixed(0);多余var （或更換,具有;在兩者之間var語句）

• 在工具提示的CSS position: 'abolute'更改為position: 'absolute'

查看瀏覽器的控制台時會發現一些錯誤。

更新的工作提琴： https : //jsfiddle.net/L9gaupcu/