title: Need an image/shape at the position of mouse
body: <p>I am currently working on a research project and I need a little help. Since I am just a novice in JS/Highcharts, the issue may seem basic to many. I want to display a circle at the mouse position (i.e. whenever mouse hovers on the chart). </p>
  
  <p>And when I click the mouse (mousedown) I want the circle to stick in that position, and thereafter the circle does not follow the mouse position but remains stuck in the mouseclick position. </p>
  
  <p>I believe that the circle can be made using <a href="http://api.highcharts.com/highstock#Renderer.circle%28%29" rel="nofollow">renderer.circle()</a>. And the mouse position can be  obtained from jQuery <a href="http://api.jquery.com/mousemove/" rel="nofollow">function</a>. But I need a logic to incorporate them inside HighStocks. </p>
  
  <p>Any help will be appreciated. If you can provide solution based on the demo link(jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/demo/candlestick/)  then thats will be amazing.</p>