マウスが HIighCharts の折れ線グラフの xAxis 範囲内にある場合、マウスの位置を強調表示する必要があります。マウスの位置を強調する円を表示したい。しかし、この機能は、最後の 25 個の xAxis 値に対してのみ必要です。
ハイチャートでこれを行うことは可能ですか?
1 つの方法は次のコードによるものですが、これには制限があります。
var circle = chart.renderer.circle(0, 0, 5).attr({
fill: 'blue',
stroke: 'black',
'stroke-width': 1
}).add()
.toFront()
.hide();
$(chart.container).mousemove(function (event) {
circle.attr({
x: event.offsetX,
y: event.offsetY
});
if (event.offsetX > SOME_VALUE) circle.show();
});
欠点は、event.xAxis[0].value の代わりに event.offsetX を比較していることです。つまり、グラフの xAxis 値ではなく、ページのマウスの xValue を比較しています。
前もって感謝します