我试着让勾号变成红色。但它不起作用。当标签没有标签- Sa/Su时它起作用。所有标签-灰色，但当我有Su或Sa标签时，它只是黑色

ticks: {
          fontSize: 9,
          fontColor: curLabels.map((item) => {
            if(item === 'Su' || item === 'Sa')
              return 'red';
            return 'rgba(0, 0, 0, 0.4)';
          }),
          maxRotation: 0,
        },

编辑：

<div style={{height: '100%'}} className='position-relative'>
        <Line
          key='lineChart17'
          data={dataForChart}
          options={lineOptions}
          style={{height: '90px', padding: '5px', width: '100%'}}
          redraw
        />
      </div>

图表的选项。我得到错误- ticks没有属性major。在控制台中它只有字符串- Mo/Th/Fr/We/Su...：

const lineOptions = {
    animation: {
      duration: 0
    },
    layout:{
      padding:{
        left: 0,
        right: 0,
        top: 5,
        bottom: 0
      }
    },
    maintainAspectRatio: false,
    scales: {
      xAxes: [{
        display: true,
        gridLines: {
          display: true,
          tickMarkLength: 1,
        },
        ticks: {
          fontSize: 9,
          fontColor: 'rgba(0, 0, 0, 0.4)',
          maxRotation: 0,
          major: {
            enabled: true,
            fontStyle: 'bold',
            fontColor: 'red'
          },
        },
        afterBuildTicks: (scale, ticks) => {
          ticks.forEach(t => {
            t.major = (t === 'Su');
          });
          return ticks;
        },
      }],
      yAxes: [{
        display: false,
        gridLines: {
          display: false,
          tickMarkLength: 1,
        },
      }],
    },
  };