2017-02-10 108 views
0

這是我嘗試使用的完整代碼。它在沒有工具提示功能的情況下工作,但在包括它們時不起作用如何將工具提示添加到FLOT圖形

該代碼產生具有2條線條的圖形。 如何添加一個工具提示,如果沒有它搞亂了我的圖形,並實際上添加一些交互?

+3

您好,歡迎來到SO。您可能需要考慮採用[Tour](http://stackoverflow.com/tour)並查看[help center](http://stackoverflow.com/help/asking)。尤其是在[如何創建一個最小化,完整和可驗證的示例](http://stackoverflow.com/help/mcve) – empiric

+0

我注意到一件事:'$(「tooltip」)。remove();''# '在選擇器中缺少 – empiric

+0

我剛剛添加它,仍然不工作 –

回答

1

有一些在你的提琴不同的錯誤:

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

  • 另一個在$("placeholder").bind("plothover", ...

  • } else(失蹤#佔位前,應是} else {from empiric's comment

  • var y = item.datapoint[1].toFixed(0);多餘var(或更換,與兩個var語句之間的;

  • 變化position: 'abolute'position: 'absolute'在提示

有些錯誤是的CSS在查看瀏覽器的控制檯時發現。

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

+0

我無法描述我是多麼感激Raidri。我一直堅持這個年齡! –

相關問題