Flot barchart canvas x-axis label position

by peterbloom

HTML

<script src="https://raw.github.com/flot/flot/master/jquery.flot.js"></script>
<script src="https://raw.github.com/flot/flot/master/jquery.flot.canvas.js"></script>
<script src="https://raw.github.com/flot/flot/master/jquery.flot.time.js"></script>
<table>
    <tr>
        <td>
            My Barchart
            <div id="my_barchart">
            </div>    
        </td>        
    </tr>        
</table>

SCSS

td {
    border: 1px dashed red;
    text-align: center;
    vertical-align: top;
    padding: 2px 6px 0 6px;
}    

#my_barchart {
  width: 300px;
  height: 180px;

  .flot-x-axis {
    .tickLabel {
      font-size: 10px;
    }
  }
}

CoffeeScript

$.plot $('#my_barchart'), [
    data: [[1330588800000,5000],[1333263600000,10000],[1335855600000,5000],[1338534000000,6000],[1341126000000,12000],[1343804400000,5000],[1346482800000,7000],[1349074800000,8000],[1351753200000,9000],[1354348800000,6000],[1357027200000,20000.0],[1359705600000,30000.0]]
    bars:
      show: true
      barWidth: (365/12)*24*60*60*1000*0.8
      align: 'center'
    ],
    xaxis:
      mode: "time"
      timeformat: "%b"
      tickSize: [1, "month"]  
    yaxis:
      position: 'right'
      reserveSpace: true
    canvas: true          # 'true' => include axes labels in canvas