Chart.js kolor Tekst

Question

tak im korzystania chart.js http://www.chartjs.org/docs/ i nie mogę zmienić kolor tekstu w dolnej

ex: "Styczeń", "luty", "March", "Kwiecień ”, "może", "czerwiec", "lipiec" i numery na lewej stronie

próbowałem wszystkie te opcje: scaleFontColor "#FFFFFF" pointLabelFontColor: "#FFFFFF"

mój pełny kod:

<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> 

Answer 1

scaleFontColor służy do zmiany koloru etykiet.

Zamiast umieszczać go w swoich zbiorach danych należy dodać go jako parametr w funkcji, na przykład:

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

Answer 2

znalazłem ten problem razem z 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> 

Nie był to normalny typ danych i musiałem poprawnie dopasować nawiasy klamrowe!

dzięki dużo, wygląda świetnie teraz.

Answer 3

Kod działa ist to:

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

Miłej zabawy :)