I have a requirement to render circles on click event in highcharts. The x,y value should be the point getting from click event I mean
var x = event.xAxis[0].value;
var y = event.yAxis[0].value;
If I click more than one point there should render another circle.
js fiddle:
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
I've updated your JS fiddle here
Hope this will help you
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments