如何将工具提示添加到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/