flot example [fork]

by Plippie Plop

HTML

<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<div id="placeholder" style="width:600px;height:300px;"></div>

JavaScript

$(function () {

  var data = [ [
    [1301634000000, 315.71], //Apr 1, 2011
    [1302238800000, 101339237], //Apr 8, 2011
    [1302843600000, 420.36], //Apr 15
    [1303448400000, 189.86], //4/22
    [1304053200000, 314.93], //4/29
    [1304658000000, -2500], //5/6
    [1305262800000, 313.34], //5/13
    [1305867600000, 114.67], //5/20
    [1306472400000, 315.58]  //5/27
  ] ];

  var ticks = [];
  for (var i = 0; i < data[0].length; i++) {
    ticks.push(data[0][i][0]);
  }

  $.plot($("#placeholder"), data, {
      yaxis: {
    min: -2500,
    max: 101339237,
    transform:  function(v) {return Math.log(v+2800); /*move away from zero*/} ,     
},
    xaxis: {
      mode: "time",
      ticks: ticks,
      timeformat: "%m/%d",
      min: (new Date(2011, 2, 31)).getTime(),
      max: (new Date(2011, 4, 31)).getTime(),
    },
    series: {
      lines: { show: true },
      points: { show: true }
    },
    grid: { 
      hoverable: true, 
      clickable: true 
    }
  });

});