如何向 FLOT 图形添加工具提示

How to add a tooltip to a FLOT graph

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

该代码生成一个包含 2 条线和条的图形。 如何在不弄乱我的图表的情况下添加工具提示并实际添加一些交互性?

您的 fiddle:

中有许多不同的错误
  • 网格选项缺少必要的 hoverable: true

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

  • 中的占位符之前缺少 #
  • } else( 应该是 } else { ()

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

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

有些错误是在查看浏览器的控制台时发现的。

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