Highcharts Demo

author(s): Torstein Hønsi

by Nayana Das

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'spline',
    animation: Highcharts.svg, // don't animate in old IE
    marginRight: 10,
    events: {
      load: function() {
        var chart = this;
        setInterval(function() {
          chart.series.forEach(function(s) {
            for (var i = 0; i < 20; i++) {
              s.addPoint(Math.random(), false, true);
            }
          });
          chart.redraw();
        }, 1000);
      }
    }
  },
  series: [{}, {}, {}].map(function(s) {
    s.data = [];
    //for (var i = 0; i < 100; i++) {
      s.data.push(Math.random());
    //}
    return s;
  })
});