1

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

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

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

写作：

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

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

);

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

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

4

2 回答 2

1

这对我有用：

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

来源：jqPlot - 跨多个图表同步光标

于 2014-07-11T09:16:38.440 回答
1

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

event.originalEvent.layerX 
event.originalEvent.layerY

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

请参阅此处的工作示例

于 2013-10-07T10:00:56.257 回答