使用Chart.js更改度量单位的颜色

Question

我正在使用Chart.js创建条形图。购物车后面有深绿色的背景，因此很难看到y和x轴上显示的黑色数字。

这是我生成图表的方式：

document.getElementsByClassName("home-message")[0].innerHTML='<canvas id="myChart" width="400" height="400"></canvas>'
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
color: 'white',
    data: {
        labels: ['Bar', 'Mensa', 'Ingresso'],
        datasets: [{
            label: 'Prodotti venduti',
            borderColor: 'rgba(255, 255, 255)',
            data: [551, 1470, 2354],
            backgroundColor: [
                'rgba(255, 99, 132)',
                'rgba(54, 162, 235)',
                'rgba(255, 206, 86)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        scales: {yAxes: [{ticks: {beginAtZero: true}}]},
        legend: {display: false, labels: {fontColor: 'white'}},
        title: {display: true,text: 'Custom Chart Title'}
    }
});

我检查了如何自定义图表的Chart.js page，但没有找到任何更改这些数字颜色的方法。Check this image if you don't know what numbers I am talking about

是否可以将这些数字的颜色更改为白色？

Answer 1

尝试一下

...
options: {
   scales: {
          xAxes: [{gridLines: { color: "#ffffff" }}],
          yAxes: [{gridLines: { color: "#ffffff" }}]
          }
}
..