在highcharts中渲染圆圈onclick事件

Question

我需要在highcharts中的click事件上呈现圆圈。 x，y值应该是来自点击事件我意味着

的点

var x = event.xAxis[0].value;
var y = event.yAxis[0].value;

如果我点击多个点，则会渲染另一个圆圈。

小提琴：

http://jsfiddle.net/das_palash89/WN3XC/1/

Answer 1

波兰人，

渲染器根据给定的输入绘制形状。它接受以像素为单位的输入。

当您为其渲染x和y位置时，它们必须以像素为单位，但是您将从点击事件中获得的x和y值将以相应的x和y单位表示。您需要将它们转换为相应的像素，然后将它们传递给渲染器。

对于这个highcharts，在两个轴上都提供了toPixels()方法。您可以使用它们将轴单位转换为相应的像素位置

API ref

我已更新您的JS小提琴here

希望这会对你有所帮助

Answer 2

如果您想要的不仅仅是一个圆圈，您可以使用注释插件： http://www.highcharts.com/plugin-registry/single/17/Annotations