title: Chartjs 2.0 - Increase height of x-axis labels
body: <p>JSBin here: <a href="http://jsbin.com/xukuhanota/1/edit?output" rel="nofollow">http://jsbin.com/xukuhanota/1/edit?output</a></p>
  
  <p>I'm trying to increase the height (or essentially, the top/bottom padding) of the labels (ticks?) along the x axis.</p>
  
  <p>Here is the relevant bit of code for the chart:</p>
  
  <pre><code>xAxes: [{
    id: 'x-axis-0',
    type: 'category',
  
    gridLines: {
      display: false,
    },
  
    ticks: {
      fontSize: 16,
      maxRotation: 0,
      fontFamily: "opensans",
      fontStyle: "bold",
  
      paddingTop: 10,         // doesnt work 
      paddingBottom: 10,      // doesnt work 
    },
  
  
    paddingTop: 10,           // doesnt work 
    paddingBottom: 10,        // doesnt work 
  </code></pre>
  
  <p>According to <a href="http://www.chartjs.org/docs/#scales-category-scale" rel="nofollow">documentation</a>, there are <code>paddingBottom</code> and <code>paddingTop</code> properties, but I don't know if/how they apply to the ticks vs scales.</p>