Chart.js màu chữ

Question

Vì vậy, im sử dụng chart.js http://www.chartjs.org/docs/ và tôi không thể thay đổi màu sắc của văn bản ở dưới cùng

ví dụ: "tháng một", "tháng hai", "March", "Cá tháng ", "tháng", "tháng sáu", "tháng bảy" và những con số ở phía bên trái

tôi đã cố gắng tất cả các tùy chọn này: scaleFontColor: "#FFFFFF" pointLabelFontColor: "#FFFFFF"

của tôi mã đầy đủ:

<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 được sử dụng để thay đổi màu sắc của nhãn.

Thay vì đặt nó trong bộ dữ liệu của bạn, bạn nên thêm nó như là một tham số trong chức năng của bạn, như thế này:

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

Answer 2

tôi thấy vấn đề này cùng với 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> 

nó không phải là kiểu dữ liệu bình thường và tôi phải điều chỉnh ngoặc vuông đúng cách!

cảm ơn rất nhiều, giờ đây trông tuyệt vời.

Answer 3

Mã ist làm việc này:

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

Have fun :)