Single Line Chart(amcharts/highcharts)

Benchmark created by meikidd on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script src="http://www.amcharts.com/lib/amcharts.js" type="text/javascript">
</script>
<script src="http://code.highcharts.com/highcharts.js">
</script>
<style type="text/css">
  .demo { width:500px; height:300px; }
</style>
<div class="demo" id="highcharts">
</div>
<div class="demo" id="amcharts">
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
amcharts
$(function() {

  var lineChartData = [{
    date: "Jan",
    value: 5
  }, {
    date: "Feb",
    value: 15
  }];
  var chart = new AmCharts.AmSerialChart();
  chart.dataProvider = lineChartData;
  chart.categoryField = "date";

  // GRAPH
  var graph = new AmCharts.AmGraph();
  graph.type = "line";
  graph.valueField = "value";
  chart.addGraph(graph);

  // WRITE
  chart.write("amcharts");
});
ready
highcharts
$(function() {

  var chartData = [{
    name: 'Tokyo',
    data: [7, 6]
  }];
  $('#highcharts').highcharts({
    chart: {
      type: 'line'
    },
    xAxis: {
      categories: ['Jan', 'Feb']
    },
    series: chartData
  });
});
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.