title: flotchart xaxis show time
body: <p>I'm trying to show the time on xaxis using flot charts</p>
  
  <p>here's my array of data (time, value)</p>
  
  <pre><code>var time = [["13:33","0.04668"],["13:23","0.04856"],["13:12","0.05997"],["13:01","0.04679"]];
  </code></pre>
  
  <p>and here's the flot chart settings</p>
  
  <pre><code> $("#flot-dashboard-chart").length &amp;&amp; $.plot($("#flot-dashboard-chart"), [
              time
          ],
          {
              series: {
                  lines: {
                      show: false,
                      fill: true
                  },
                  splines: {
                      show: true,
                      tension: 0.4,
                      lineWidth: 1,
                      fill: 0.4
                  },
                  points: {
                      radius: 0,
                      show: true
                  },
                  shadowSize: 2
              },
              grid: {
                  hoverable: true,
                  clickable: true,
                  tickColor: "#d5d5d5",
                  borderWidth: 1,
                  color: '#d5d5d5'
              },
              colors: ["#1ab394", "#464f88"],
              xaxis:{
                  mode: "time",
                  timeformat: "%H:%M"
              },
              yaxis: {
                  ticks: 4
              },
              tooltip: false
          }
      );
  </code></pre>
  
  <p>it keeps coming up with the following error:</p>
  
  <p>Uncaught TypeError: Failed to execute 'quadraticCurveTo' on 'CanvasRenderingContext2D': 4 arguments required, but only 0 present.</p>
  
  <p>if I replace the : in time with a . (dot) I don't get the error anymore however the xaxis does not show at all</p>
  
  <pre><code>var time = [["13.33","0.04668"],["13.23","0.04856"],["13.12","0.05997"],["13.01","0.04679"]];
  </code></pre>