提示出現在錯誤的位置

Question

我使用flot庫

我如何得到正確的提示，如果我縮放圖這個CSS規則：transform: scale(0.7);

海軍報源使用功能findNearbyItem找到懸停的項目。

[FIDDLE]演示兩種情況 - 規模（1），和規模（0.7）

Answer 1

把你的小提琴作爲問題的根源，存在實際上是幾個問題，以照顧：

1. 工具提示無法正常工作，如果將鼠標懸停在工具提示上，它將消失（開始閃爍）。檢查更新後的fiddle，如果您將鼠標移動到工具欄上，並且將鼠標懸停在工具提示上，則會隱藏工具提示。

2. 縮放問題：只縮放畫布包裝。

   <div id="placeholder2" style="width:420px;height:210px;margin-top:40px;"></div> 
   

   縮放畫布等的CSS相同的尺寸的變換

   <div id="placeholder2" style="transform:scale(.7)"></div> 
   

   但保持正確的欄值，並顯示在正確的位置的工具提示。