Accepted answer


renderer draws the shape based on the inputs given to it. it accepts its input in pixels.

when you pass x and y positions for it to render they have to be in pixels, but the x and y values you will be getting from the click events will be in corresponding x and y units. you need to convert them into respective pixels and then pass them to the renderer.

for this highcharts has provided topixels() method on both the axes. you can convert the axis units into corresponding pixel positions using them

api ref

i've updated your js fiddle here

hope this will help you


if you want more than a circle you can use the annotations plugin:

Related Query

More Query from same tag