title: Change X and Y axis font color
body: <p>How can I change the color of the X and Y axes labels?
  I was trying to use <code>fontColor</code> within <code>scaleLabel</code> but I might be doing it in the wrong place ?</p>
  
  <p>I tried applying it within <code>scale</code> as <a href="https://github.com/chartjs/Chart.js/blob/master/src/core/core.scale.js#L28" rel="noreferrer">can be found on the source code</a>. I also tried under <code>scales</code> and even within <code>xAxes</code>.</p>
  
  <pre><code>var options = {
  type: 'bar',
      data: {
          labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
          datasets: [{
              label: '# of Votes',
              data: [12, 19, 3, 5, 2, 3],
              backgroundColor: 'red',
              borderWidth: 1
          }]
      },
      options: {
          scale: {
              scaleLabel:{
                  fontColor: 'red'
              }
          },
          scales: {
              yAxes: [{
                  ticks: {
                      beginAtZero:true
                  }
              }]
          }
      }
   };
  </code></pre>
  
  <p><a href="https://jsfiddle.net/owy49hqh/4/" rel="noreferrer">Reproduction online</a></p>
  
  <p><a href="https://i.stack.imgur.com/U1mgk.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/U1mgk.jpg" alt="enter image description here"></a></p>
  
  <p>I've been checking <a href="http://www.chartjs.org/docs/#scales-radial-linear-scale" rel="noreferrer">the documentation</a> but it doesn't seem to be very clear to me. 
  And as chart.js doesn't provide enough examples, it is not easy to find out things sometimes...</p>