如何在jqPlot中获取鼠标的位置答案

【问题标题】：How to get the mouse's position in jqPlot如何在jqPlot中获取鼠标的位置
【发布时间】：2013-10-07 08:38:02
【问题描述】：

我想编写一个代码，给出用户在 jqPlot 图形上单击鼠标的位置的坐标。使用选项

光标：{ 显示：真实，工具提示位置：'sw'， }

我可以在屏幕上的图表上看到鼠标的位置。但是，我不能使用它。你知道怎么获得吗？

写作：

$('#chartdiv').bind('jqplotClick',function (event) {

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

);

给我鼠标在整个屏幕上的坐标，如果我知道如何获得图形轴左上角的坐标，那将解决问题。但我做不到。 jqPlot中可以吗？

非常感谢您的帮助，和最美好的祝愿，达芙妮

【问题讨论】：

标签： jquery graph mouse coordinates jqplot

【解决方案1】：

我想你可以使用：

event.originalEvent.layerX 
event.originalEvent.layerY

根据我的测试： event.pageX 和 event.pageY 根据包含图形的 div 为您提供坐标（即图形 + 标题 + 偏移量......）。 event.screenX 和 event.screenY 根据全屏为您提供坐标。 event.originalEvent.layerX 和 event.originalEvent.layerY 仅根据图形 div 为您提供坐标。

查看工作示例here

【讨论】：

亲爱的安东尼，谢谢你，但它似乎不起作用。我可以直接获取光标位置吗？我可以将图表（不是图表，还包括标签和标题）的大小设置为特定数量的像素吗？谢谢你，达芙妮

【解决方案2】：

这对我有用：

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

来源：jqPlot - synchronize cursor across multiple charts

【讨论】：