如何为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. 找到代码helpers.each（itemsToDraw，function（itemToDraw）{在第7899行并将其替换为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'],
                       }
                   }]