如何獲取鼠標在jqPlot中的位置

Question

我想編寫一個代碼，該代碼給出用戶在jqPlot圖形上單擊鼠標的位置的座標。使用選項

光標：{ 顯示：真實， tooltipLocation： 'SW'， }

我可以在屏幕上的圖中看到鼠標的位置。但是，我不能使用它。 你知道如何得到它嗎？

寫作：

$（ '＃chartdiv'）結合（ 'jqplotClick'，函數（事件）{

alert('The mouse cursor is at ('+event.pageX+','+event.pageY+').'); 
     } 

）;

給我的鼠標在整個屏幕上的座標，如果我知道如何獲得圖的座標軸左上角的座標，這將解決問題。但我無法做到這一點。在jqPlot中可能嗎？

非常感謝您的幫助， 和最良好的祝願， 達芙妮

Answer 1

我認爲你可以使用找到它：

event.originalEvent.layerX 
event.originalEvent.layerY 

根據我的測試： event.pageX和事件。 pageY根據包含圖形的div（即圖形+標題+偏移...）給出座標。 event.screenX和event.screenY根據整個屏幕給出座標。 event.originalEvent.layerX和event.originalEvent.layerY僅根據圖形div給出座標。

見工作示例here

Answer 2

這並獲得成功對我來說：

$('#chartdiv').bind('jqplotClick', function(event, seriesIndex, pointIndex, data) { 
    var x = pointIndex.xaxis; 
    var y = pointIndex.yaxis; 
}); 

來源：jqPlot - synchronize cursor across multiple charts