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

时间:2017-02-13 20:39:10

标签: javascript css chart.js

我有一个使用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,
            },
        }],
    }

1 个答案:

答案 0 :(得分:3)

看看this issue,目前无法在不更改Chart.js源代码的情况下执行此操作(尽管可以轻松修复)