Basic Flotr Example

HTML

<script src="https://raw.github.com/HumbleSoftware/Flotr2/master/flotr2.min.js"></script>
<link rel="stylesheet" href="https://raw.github.com/HumbleSoftware/Flotr2/master/examples/examples.css">
<div id="example"></div>

CSS

#example {
    width: 400px;
    height: 350px;
}

JavaScript

(function basic_time(container) {
  var
    data,
    options,
    graph;

  options = {
    grid : {
      backgroundColor : {
        colors : [[0,'#fff'], [1,'#ccc']],
        start : 'top',
        end : 'bottom'
      }
    },
    xaxis : {
     ticks : [0,1,2,3,4,5,6]
    },
      yaxis : { min: 0, max: 73000 },
    mouse : {
      track : true,
      trackY : false,
      relative: true,
      sensibility: 6,
      trackDecimals: 0
    },
    legend : {
      position : 'nw'
    },
  };

  graph = Flotr.draw(container, [[[0,29524],[1,26481],[2,24836],[3,26551],[4,27421],[5,29047]]], options);
})(document.getElementById("example"));