ハイチャート散布図を使用していますか？ポイントを選択するポイントにグロー効果を与えたいと思っていました。ですから、chart.renderer.rect（）メソッドを使用してSVG要素を作成し、選択した点の後ろに追加しています。しかし、私は選択されたポイントのx yの位置を取得していません。私を助けてください。Highcharts javascript
以下はコードを使用しています。
chart.renderer.rect(1, 1, 30, 30, 5)
.attr({
'stroke-width': 2,
stroke: 'red',
fill: 'yellow',
zIndex: 3,
translateX: 220,
translateY: 265
})
.add();
ありがとうございます。
変換はhttp://www.highcharts.com/ref/#element
attr Object hash : Element Since 2.0
Apply attributes to the SVG/VML elements. These attributes for the most parts correspond to SVG, but some are specific to Highcharts, like zIndex and rotation for text.
Most important available attributes:
d
end
fill
height
r
rotation
start
stroke
stroke-width
style
text
translateX
translateY
visibility
width
x
y
zIndex
私はtranslateXで翻訳しようとしました。それは矩形を表示します。その位置は適切な場所ではありません。 point.xとpoint.yはグラフのポイントです。しかし、私はコンテナ内のポイントのx yの位置が必要です – user1196935
私はあなたがあなたのコードの残りの部分を見て、それを修正しようとするようにjsfiddleにあなたのコードを置くことをお勧めします – Blowsie
は、次の例を参照してください...こちらをご覧Attrオブジェクトの一部ではありません。 http://jsfiddle.net/cfKzS/7/ グラフのxとyの位置が必要な場合は、this.xとthis.yとしてアクセスできます。 位置をピクセル単位で指定する場合は、次のような値を使用できます。
plotOptions: {
series: {
allowPointSelect: true,
point: {
events: {
select: function(e) {
$report.html('chart x position: ' + e.target.plotX + '<br>' + 'chart y position: ' + e.target.plotY);
}
}
}
}
}
コードの残りの部分を表示してください。 – Blowsie