title: Chart.js Text color
body: <p>So im using chart.js
  <a href="http://www.chartjs.org/docs/" rel="noreferrer">http://www.chartjs.org/docs/</a>
  and i cant change the color of the text in the bottom</p>
  
  <p>ex:
  "January","February","March","April","May","June","July"
  and the numbers in the left side</p>
  
  <p>i tried all these options:
                      scaleFontColor: "#FFFFFF"
                      pointLabelFontColor : "#FFFFFF"</p>
  
  <p>my full code:</p>
  
  <p></p>
  
  <pre><code>&lt;script&gt;
      var randomScalingFactor = function(){ return Math.round(Math.random()*100)};
      var lineChartData = {
          labels : ["January","February","March","April","May","June","July"],
          datasets : [
              {
                  label: "My Second dataset",
                  fillColor : "rgba(255, 89, 114, 0.6)",
                  strokeColor : "rgba(51, 51, 51, 1)",
                  pointColor : "rgba(255, 89, 114, 1)",
                  pointStrokeColor : "#fff",
                  pointHighlightFill : "#fff",
                  pointHighlightStroke : "rgba(151,187,205,1)",
                  maintainAspectRatio: false,
                  scaleFontColor: "#FFFFFF",
                  pointLabelFontColor : "#FFFFFF",
                  pointLabelFontSize : 30,
                  data : [1,2,10,7,3,1]
              }
          ]
  
      }
  
  window.onload = function(){
      var ctx = document.getElementById("canvas").getContext("2d");
  
      window.myLine = new Chart(ctx).Line(lineChartData, {
          responsive: true
      });
  }
  
  
  &lt;/script&gt;
  </code></pre>