Simple Morris.js example with time range select

gistfile1.txt

data = [
    { y: '2006', a: 100, b: 90 },
    { y: '2007', a: 75,  b: 65 },
    { y: '2008', a: 50,  b: 40 },
    { y: '2009', a: 75,  b: 65 },
    { y: '2010', a: 50,  b: 40 },
    { y: '2011', a: 75,  b: 65 },
    { y: '2012', a: 100, b: 90 }
]


$(document).ready(function() {
  Morris.Line({
    element: 'test',
    data: data,
    xkey: 'y',
    ykeys: ['a', 'b'],
    labels: ['Series A', 'Series B'],
    rangeSelect: function(range) {
      var start = new Date(range.start).toLocaleString(),
          end = new Date(range.end).toLocaleString();
      $('#caption').text('Selected ' + start + ' to ' + end);
    }
  });
});