title: flot - axis labels - monthNames wrongly ordered?
body: <p>In Flot is there something weird about how xaxis.monthNames behaves when the data spans a year-end ?</p>
  
  <p>I have 12 months of data, starting June 2012, and I have prepared an array of 12 strings which reflect the months .</p>
  
  <p>When the graph is rendered the data is correctly shown but the date labels are incorrect - they are perhaps in date order rather than the order they are in the array (or that may be coincidence).</p>
  
  <p>The values and label graphs look like this :</p>
  
  <p><img src="https://i.stack.imgur.com/fzW1Z.png" alt="enter image description here"></p>
  
  <p>And the resulting graph looks like this :</p>
  
  <p><img src="https://i.stack.imgur.com/AvIYB.png" alt="enter image description here"></p>
  
  <p>And finally ... the js* which uses that data looks like this :</p>
  
  <pre><code>var data1 = [
      {label: "Incidents", data: arrFakeData, points: {symbol: "circle", fillColor: "#058DC7"}, color: '#058DC7'},
  ];
  
  p = $.plot($("#placeholder"), data1, {
      xaxis: {
          min: (new Date(2012, 6, 1)).getTime(),
          max: (new Date(2013, 5, 1)).getTime(),
          mode: "time",
          tickSize: [1, "month"],
          monthNames: arrMonthLabels,
          tickLength: 0,
          axisLabel: 'Month',
          axisLabelUseCanvas: true,
          axisLabelFontSizePixels: 12,
          axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif',
          axisLabelPadding: 5
      },
      yaxis: {
          axisLabel: 'Number of Incidents',
          axisLabelUseCanvas: true,
          axisLabelFontSizePixels: 12,
          axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif',
          axisLabelPadding: 5
      },
      series: {
          lines: {show: true},
          points: {
              radius: 3,
              show: true,
              fill: true
          },
      },
      grid: {
          hoverable: true,
          borderWidth: 1
      },
      legend: {
          labelBoxBorderColor: "none",
          position: "right"
      }
  });
  </code></pre>
  
  <p>Is there something else I should be doing to get correct ordering of the x-axis labels when the dates span a calendar year ?</p>
  
  <hr>
  
  <ul>
  <li>The js is borrowed and lightly adapted from the useful blog post : <a href="http://www.pikemere.co.uk/blog/flot-how-to-create-line-graphs" rel="nofollow noreferrer">http://www.pikemere.co.uk/blog/flot-how-to-create-line-graphs</a></li>
  </ul>