Question

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

cursor：{ 显示：是的， tooltipLocation： 'SW'， }

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

写作：

$（'＃chartdiv'）。bind（'jqplotClick'，function（event）{

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

）;

在整个屏幕上给出了鼠标的坐标，如果我知道如何获得图形轴左上角的坐标，那就可以解决问题。但我无法做到这一点。是否有可能在jqPlot？

非常感谢你的帮助，祝福，芫

Answer 1

我认为您可以使用以下方式找到它：

event.originalEvent.layerX 
event.originalEvent.layerY

根据我的测试： event.pageX和event.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

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

2 个答案: