highstock

HTML

<script src="http://github.highcharts.com/bugfix/highstock.js"></script>
<div id="container" style="height: 300px"></div>

JavaScript

$(function() {
  var data = function() {
      var array = [];
      for (var i = 0; i < 1000; i++) {
        if (i % 300 === 0) {
          array.push([90000000 + 90000000 * i + 60000000, 3 * Math.random()]);
        } else if (i % 100 === 0) {
          array.push([90000000 + 90000000 * i + 45000000, 3 * Math.random()]);
        } else {
          array.push([90000000 + 90000000 * i, 3 * Math.random()]);
        }
      }
      return array;
    },
    data1 = data(),
    data2 = data();
  $('#container').highcharts('StockChart', {
    xAxis: {
      ordinal: false
    },
    rangeSelector: {
      selected: 0
    },
    yAxis: [{
      height: '50%',
      lineWidth: 2
    }, {
      top: '50%',
      height: '50%',
      offset: 0,
      lineWidth: 2
    }],
    plotOptions: {
      line: {
        gapSize: 2
      }
    },
    series: [{
      data: data1
    }, {
      yAxis: 1,
      data: data2
    }]
  });
});