javascript - 鼠标悬停在 Highcharts

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
}