gistfile1.js

var now = new Date();
var fullDaysSinceEpoch = Math.floor(now / 8.64e7)

function initChart() {
  return new CanvasJS.Chart('chartContainer', {
    title: {
      text: 'Inform Times'
    },
    axisX:{
      valueFormatString: 'HH:mm'
    },
    data: [
    {
      type: 'line',
      xValueType: 'dateTime',
      dataPoints: []
    }
    ]
  });
}

function initializeClickHandlers(chart) {
  $('#prev').on('click', function() {
    fullDaysSinceEpoch = fullDaysSinceEpoch - 1
    renderChart(chart);
  });
  $('#next').on('click', function() {
    fullDaysSinceEpoch = fullDaysSinceEpoch + 1
    renderChart(chart);
  });    
}

function renderChart(chart){
  $.ajax({
    url: 'http://m9.auslab.2wire.com:8080/data/' + fullDaysSinceEpoch,
    cache: false,
    success: function(html){
      chart.options.data[0].dataPoints = html;
      chart.render();
    }
  });
}

function loadChart() {
  var chart = initChart();
  renderChart(chart);
  initializeClickHandlers(chart);
}

window.onload = loadChart;