highcharts中的mouseOver

Question

我有一张图表。图表选项中没有mouseOver事件，但我需要在移动光标时获取鼠标坐标。例如，我想在xAxis和yAxis上显示坐标。有可能吗？

Answer 1

你可以在包含highcharts的div上捕获mousevent。

http://jsfiddle.net/5KHaj/2/

$('#highcharts-0').mouseover(function(e){
        $('#report').html(e.clientX + ' ' + e.clientY);

        });

Answer 2

获取正常的鼠标坐标，然后计算相对位置。

document.body.onmousemove = function (event) {
    var x = event.target.x - <your_chart_element>.getBoundingClientRect().left
    var y = event.target.y - <your_chart_element>.getBoundingClientRect().top
}