Javascript 在highcharts中渲染圆形onclick事件

我需要在highcharts中单击事件时渲染圆。x，y值应该是点击事件得到的点

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

如果单击多个点，则应渲染另一个圆

js小提琴：

极点

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

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

为此，highcharts在两个轴上都提供了

toPixels（）

方法。可以使用轴单位将轴单位转换为相应的像素位置

我已经更新了你的JS小提琴

---

希望这将帮助您

如果您想要的不仅仅是一个圆，您可以使用注释插件：

---

是，可以使用Highcharts.renderer（）执行此操作。你想要得到的不是clearOk我创建了一个提琴…但没有得到我单击的点…它在图表渲染器外的添加圆接受以像素为单位的输入位置，单击返回轴单位。您需要将轴单位转换为像素，然后将其提供给渲染器。API ref：使用这里的工作示例更新您的JSFIDLE，因为它给出了答案，所以我将同样的答案放在了答案中，以供访问此问题的其他人进一步参考。