Benchmarking chart redraw - Javascript highcharts

Javascript examples for highcharts:Custom Draw

  1. HOME
  2. Javascript
  3. highcharts
  4. Custom Draw

Description

Benchmarking chart redraw

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script> 
      <script type="text/javascript">
    $(window).load(function(){//w  ww.  ja v  a2 s.c  o m
$(function () {
    var startTime = $.now();
    var ren = new Highcharts.Renderer($('#container')[0],600,1000);
    for (var i = 0; i < 1000; i++) {
        ren.rect(i, i, 100, 100, 0).attr({
            fill: '#FF0000'
        }).add();
    }
    var endTime = $.now();
    console.log('Time: ' + (endTime - startTime));
});
    });

      </script> 
   </head> 
   <body> 
      <script src="https://code.highcharts.com/highcharts.js"></script> 
      <div id="container" style="height: 1000px; width: 600px"></div>  
   </body>
</html>

Related Tutorials