Draw rectangle in the selection, Highcharts

Question

I want to draw rectangle or square in selection area to show the selected xAxis min, max and yAxis min max in highchart.

Thanks in Advance

Answer 1

Explaining @igor-shastin's example...

• Set zoomType to "xy"
• Add a rect to the chart with 0 dimensions and hang onto the reference
• In the selection event:
  • Grab the event.xAxis[0].min and .max; same for .yAxis
  • Update the rect coordinates so it renders where the selection was made
  • Return false and/or call event.preventDefault() to prevent actually zooming

Answer 2

This is what you need: http://jsfiddle.net/meFgf/