如何向Ticks添加次要/主要配置

Question

我正在x轴上使用chart.js。我想对主要的小勾号进行修复fontcolor。有什么方法可以访问次要刻度线，或者建议在此聊天记录中标记更多刻度线的好方法？

Answer 1

我能够做到。

请遵循以下步骤：

1. 使用https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.js中的chart.js版本2.7.3

2. 在第7899行找到代码helpers.each（itemsToDraw，function（itemToDraw）{并将其替换为chart.js中的helpers.each(itemsToDraw, function (itemToDraw, index) {

3. 在第7931行找到代码context.fillStyle = itemToDraw.major ? majorTickFontColor : tickFontColor;并将其替换为代码->

   if (Object.prototype.toString.call(tickFontColor) === '[object Array]') { context.fillStyle = itemToDraw.major ? majorTickFontColor[index] : tickFontColor[index]; } else { context.fillStyle = itemToDraw.major ? majorTickFontColor : tickFontColor; }

4. 在选项中传递多种颜色，颜色数量应与xAxis标签计数匹配。

           xAxes: [{
                       ticks: {
                           fontColor: ['red', 'grey', 'blue', 'black', 'orange', 'green'],
                       }
                   }]