javascript - ハイチャートでのマウスオーバー

Question

私はチャートを持っています。チャート オプションに mouseOver イベントはありませんが、カーソルを移動するときにマウス座標を取得する必要があります。たとえば、xAxis と yAxis の座標を表示したいとします。出来ますか？

Answer 1

ハイチャートを含む 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
}