chart.js - 如何向 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. 查找代码 context.fillStyle = itemToDraw.major ? majorTickFontColor : tickFontColor;在第 7931 行并将其替换为代码 ->

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

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

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