Color del text Chart.js

Así que estoy usando chart.js http://www.chartjs.org/docs/ y no puedo cambiar el color del text en la parte inferior

ej .: "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio" y los numbers en el lado izquierdo

Probé todas estas opciones: scaleFontColor: "#FFFFFF" pointLabelFontColor: "#FFFFFF"

mi código completo:

<script> 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 }); } </script> 

scaleFontColor se usa para cambiar el color de las tags.

En lugar de ponerlo en sus sets de datos, debe agregarlo como un parámetro en su function, como este:

 window.myLine = new Chart(ctx).Line(lineChartData, { responsive: true, scaleFontColor: "#FFFFFF" } }); 

El código de trabajo es esto:

 Chart.defaults.global.defaultFontColor = "#fff"; 

Que te diviertas 🙂

encontré el problema junto con Kenan

 <script> 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, 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, scaleFontColor: "#FFFFFF" } 

)};

 </script> 

¡no era un tipo de datos normal y tuve que ajustar los corchetes correctamente!

muchas gracias, se ve muy bien ahora.