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

我正在使用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'}
    }
});

document.GetElementsByCassName（“主消息”）[0]。innerHTML=''
var ctx=document.getElementById（'myChart'）.getContext（'2d'）；
var myChart=新图表（ctx{
类型：'bar'，
颜色：'白色'，
数据：{
标签：['Bar'，'Mensa'，'ingreso']，
数据集：[{
标签：'Prodotti venduti'，
边框颜色：“rgba（255，255，255）”，
数据：[55114702354]，
背景颜色：[
"rgba(255,99,132)",，
“rgba（54162235）”，
‘rgba（255、206、86）’
],
边框宽度：1
}]
},
选项：{
音阶：{yAxes:[{ticks:{beginAtZero:true}}]}，
图例：{display:false，标签：{fontColor:'white'}，
标题：{显示：true，文本：'自定义图表标题'}
}
});

我查看了如何自定义图表，但没有找到任何可以更改这些数字颜色的内容。

有没有办法将这些数字的颜色改为白色？

试试这个

...
options: {
   scales: {
          yAxes: [{gridLines: { color: "#ffffff" },
                   scaleLabel: {
                            display: true,
                            fontColor:'#ffffff',
                            fontSize:12
                        },}]
          }
}
..

---

您可以更改图表多个部分的颜色：

网格线（图表中的垂直线或水平线）：

滴答声（你提到的数字）：

刻度标号（轴的名称及其值）：

这些是可以在轴的选项处指定的所有选项

options: {
  scales: {
    xAxes: [{
      // You insert the above code here
    ]}
  }
}

编辑：以下是我使用的代码描述的选项的图片：

ticks: {
  fontColor: '#5555ff'
},

scaleLabel: {
  fontColor: '#5555ff'
}

options: {
  scales: {
    xAxes: [{
      // You insert the above code here
    ]}
  }
}

xAxes: [{
  ticks: {
    fontColor: 'red'
  },
  gridLines: {
    color: 'blue'
  },
  scaleLabel: {
    display: true,
    labelString: 'Employee',
    fontSize: 20.0,
    fontColor: 'green'
  }
}]