javascript - 图表 js - 为每个 x 轴标签应用不同的颜色

Question

我有一个使用 Chart Js 构建的图表。需要为每个标签应用不同的颜色，而不是为所有标签应用相同的颜色。有没有办法在 ticks 回调函数中做到这一点。 ？

    scales: {
        xAxes: [{ 
            gridLines: {
                display: false,
            },
            ticks: {
            callback: function(label, index, labels) {
                  if ('Feb 9, 2016' === label) {
                  fontColor: "red"; // Something like this
                   return label+'f';
                } else {
                    return label;
                }
                },
             // fontColor: "red", // this here
            },
        }],
        yAxes: [{
            display: false,
            gridLines: {
                display: false,
            },
        }],
    }

Answer 1

看看this issue ，如果不更改 Chart.js 源代码(虽然很容易修复)

，您目前无法做到这一点