title: jQuery Flot won't show months in X axis as labels
body: <p>As said, X axis label is not showing months as expected. What I doing wrong ? </p>
  
  <p>Here is my example code 
  HTML:</p>
  
  <pre><code>&lt;div id="placeholder"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>    #placeholder {
      height: 300px;
  }
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>    var d1 = [
      [1388530800, 4],
      [1393542000, 8],
      [1396216800, 3],
      [1398808800, 16],
      [1401487200, 2],
      [1404079200, 2],
      [1406757600, 28],
      [1409436000, 24],
      [1412028000, 0],
      [1414710000, 18],
      [1417302000, 0],
      [1419980400, 11]
  ];
  var d2 = null;
  var d3 = null;
  var d4 = null;
  var d5 = null;
  var d6 = [
      [1388530800, 2],
      [1396303200, 2],
      [1398895200, 1],
      [1401573600, 1],
      [1406844000, 1],
      [1409522400, 1],
      [1417388400, 1]
  ];
  
  var data1 = [{
      data: d1,
      points: {
          fillColor: "#d1e399"
      },
      color: '#d1e399'
  }, {
      data: d2,
      points: {
          fillColor: "#ecc0ce"
      },
      color: '#ecc0ce'
  }, {
      data: d3,
      points: {
          fillColor: "#daeaed"
      },
      color: '#daeaed'
  }, {
      data: d4,
      points: {
          fillColor: "#e6ceea"
      },
      color: '#e6ceea'
  }, {
      data: d5,
      points: {
          fillColor: "#edb9a6"
      },
      color: '#edb9a6'
  }, {
      data: d6,
      points: {
          fillColor: "#92e48a"
      },
      color: '#92e48a'
  }];
  
  $.plot($("#placeholder"), data1, {
      xaxis: {
          mode: "time",
          minTickSize: [1, "month"],
          tickLength: 1,
          ticks: 12
      },
      yaxis: {
          tickSize: 5
      },
      grid: {
          hoverable: true,
          borderWidth: 1
      },
      series: {
          lines: {
              show: true,
              lineWidth: 1,
              fill: true,
              fillColor: {
                  colors: [{
                      opacity: 0.1
                  }, {
                      opacity: 0.13
                  }]
              }
          },
          points: {
              show: true,
              lineWidth: 2,
              radius: 3
          },
          shadowSize: 0,
          stack: true
      },
      clickable: true,
      hoverable: true
  });
  </code></pre>
  
  <p>Code in JSFiddle -> <a href="http://jsfiddle.net/v5M9L/11/" rel="nofollow">http://jsfiddle.net/v5M9L/11/</a></p>
  
  <p>Thanks for your help !</p>