title: Highcharts - How do I dynamically change Marker radius when zooming?
body: <p>I'm using Highcharts with series type of "scatter". I also have the x-axis zoom functionality enabled.</p>
  
  <p>Now it would be nice to adapt the Marker radius to the zoom level.
  Something like:</p>
  
  <pre><code>events: {
      selection: function(event) {
          var extremesObject = event.xAxis[0],
              min = extremesObject.min,
              max = extremesObject.max;
  
          this.series[0].marker.radius = (max - min)/5;
      }
  </code></pre>
  
  <p>}</p>
  
  <p>The last line <code>this.series[0]...</code> is the code I'm looking for.</p>
  
  <p>I tried this:</p>
  
  <pre><code>        jQuery.each(this.series[1].data, function (i, point) {
              point.update({
                  marker: {
                      radius: 10 / (max - min)
                  }
              });
          });
  </code></pre>
  
  <p>But this gives me an error when used on redraw event. Here is an example: <a href="http://jsfiddle.net/dbX4F/2/" rel="nofollow">http://jsfiddle.net/dbX4F/2/</a></p>