如何将工具提示添加到FLOT图

Question

这是我尝试使用的完整代码。它可以在没有工具提示功能的情况下工作，但在包含它们时则不行

代码生成一个包含2行和条形图。 如何添加工具提示而不会弄乱我的图表并实际添加一些交互性？

Answer 1

你的小提琴中有许多不同的错误：

• 网格选项缺少必要的hoverable: true

• 在#

中占位符之前的另一个$("placeholder").bind("plothover", ...失踪

• } else(应为} else {（from empiric's comment）

• var中多余的var y = item.datapoint[1].toFixed(0);（或将,替换为两个;语句之间的var）

  < / LI>

• 在工具提示的CSS中将position: 'abolute'更改为position: 'absolute'

查看浏览器的控制台时会发现一些错误。

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