javascript - 如何向 FLOT 图表添加工具提示

Question

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

该代码生成一个包含 2 条线和条的图表。 如何添加工具提示而不弄乱我的图表并真正添加一些交互性？

Answer 1

您的 fiddle 中存在许多不同的错误:

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

• $("placeholder").bind("plothover", ...

  中的占位符之前又缺少一个 #

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

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

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

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

更新了工作 fiddle :https://jsfiddle.net/L9gaupcu/