[Solved]-render a circle onclick event in highcharts-Highcharts

poles,

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