title: Flot graph not working in Firefox or Internet Explorer, only Chrome
body: <p>I'm using the <a href="https://github.com/flot/flot" rel="nofollow noreferrer">Flot jQuery plugin</a> to render graphs on my website. It works perfectly in the latest versions of Chrome however seems to fail when in Firefox and Internet Explorer. I'm using version 21 of Firefox and 10 of Internet Explorer. Here's the relevant code:</p>
  
  <pre><code>$(document).ready(function() {
  
      var currentURL = window.location;
  
      // This will hold our plot data
      var playersPlots = [];
      var pingPlots = [];
  
      // Make an AJAX request to get the server stats
      $.get(currentURL + '/stats.json', function(data) {
          $.each(data.stats, function(index, value) {
              playersPlots.push([new Date(value.ServerStat.created).getTime(), value.ServerStat.players]);
              pingPlots.push([new Date(value.ServerStat.created).getTime(), value.ServerStat.ping]);
          });
  
          $.plot($('#server-stats'), [{label: 'Players', data: playersPlots}, {label: 'Ping (ms)', data: pingPlots}], {
              xaxis: {
                  mode: 'time',
                  timeformat: '%I:%M',
                  'tickSize': [3, "hour"]
              }
          });
      }, 'json');
  
  });
  </code></pre>
  
  <p>The graphs renders like this (correctly) under Chrome:</p>
  
  <p><img src="https://i.stack.imgur.com/hpsEB.jpg" alt="enter image description here"></p>
  
  <p>But like this under Firefox and Internet Explorer:</p>
  
  <p><img src="https://i.stack.imgur.com/DX0a1.jpg" alt="enter image description here"></p>
  
  <p>Has anyone ran into this issue before and knows the cause?</p>
  
  <p>It's also worth mentioning that there are no console errors in either Firefox nor IE, and they're both making the AJAX request and getting back the correct data which I've confirmed by looking in the network tab of the developer tools.</p>
  
  <p><strong>Edit:</strong> Also worth saying that if I hardcode the values like so:</p>
  
  <pre><code>$.plot($('#server-stats'), [{label: 'Players', data: [[10, 10], [20, 20]]}, {label: 'Ping (ms)', data: [[30, 30], [40, 40]]}], {
  </code></pre>
  
  <p>it works in Firefox and IE and Chrome.</p>