FusionCharts - Gallery Example - Line 2D Chart In Javascript

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<!-- 
    Showcase of Line Chart
 -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var start, end;
  start = performance.now();
  singleseries = function(plotNo) {
    var dataSrc = {},
      count = 0;
    dataSrc.chart = {
      "animation": "0",
      "showValues":"0"
    };
    dataSrc.data = [];
    for (var i = 1; i <= plotNo; i++) {
      ++count;
      dataSrc.data.push({
        label: 'label' + count,
        value: count
      })
    }
    return dataSrc;
  };

  var singledataset = singleseries(1000);

  var visitChart = new FusionCharts({
    type: 'line',
    renderAt: 'chart-container',
    width: '500',
    height: '300',
    dataFormat: 'json',
    aysncRender:0,
    dataSource: singledataset,
    events: {
      "beforeinitialize": function(e, d) { //debugger;
        start = performance.now();
      }
    }
  });

  visitChart.render();

  visitChart.addEventListener('renderComplete', function() { //debugger;
    end = performance.now();
    console.log("start = " + start);
    console.log("end = " + end);
    var x = end - start;
    console.log('Total time taken', x);
  });

});