title: Highcharts Scatter Plot Performance
body: <p>I'm new to Highcharts and have been tinkering with it a bit on <a href="http://jsfiddle.net/Jx5n2/3651/" rel="nofollow">jsFiddle</a>.</p>
  
  <p>A fiddle independent example would look something like this:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;title&gt;Highcharts Example&lt;/title&gt;
  
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  $(function() {
  
  var chart;
  $(document).ready(function() {
  
  chart = new Highcharts.Chart({
  
      chart: {
          renderTo: 'container',
            type: 'scatter',
            zoomType: 'xy'
      },
  
      xAxis: {
          type: 'datetime'
  
      },
      series: [{
          color: 'rgba(223, 83, 83, .5)',
          data:
          [[Date.UTC(2012,10,15,12,25,47), 90.7000],
            // Many more data points here, see fiddle for complete list
           [Date.UTC(2013,2,7,11,37,18), 199.5000],
           [Date.UTC(2013,2,7,11,37,18), 199.5000]]
      }]
  
  });
      });
  
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;
  &lt;div id="container" style="height: 300px"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Anyways, I have a series that consists of a large set (~16k) of (datetime,float) Cartesian points that I wish to visualize on a scatter plot.  I got what I wanted, but it appears to make my browser really sluggish. Particularly if I re-size the window or hover over tooltips.  Looking for any advice or tips to optimize the performance or point out (no pun intended) something else I should be doing instead for this kind of visualization.</p>