javascript - 如何根据图表JS中的标签值更改条形颜色

我需要在chartjs中使用条形图，并且所有条形图都必须使用一种颜色，而中间的条形图则需要使用其他颜色。如果可以根据使用的特定颜色创建值范围，那将是最好的。

http://s24.postimg.org/4jg17tm5h/graf.png

我已使用此命令手动绘制了这一条

myLine.datasets[0].bars[50].fillColor = "red";

但是我需要它是自动的，可以选择一个值并根据其限制选择颜色。可能吗？

最佳答案

在documentation中签出getBarsAtEvent方法。

这是如何使用它的示例，尽管您可能必须根据自己的特定需求进行修改：

canvas.onmousemove = function(evt) {
    var bars = chart.getBarsAtEvent(evt);
    for (var i = 0; i < bars.length; i++) {
        setColor(bars[i]);
    }
};

function setColor(bar) {
    if (bar.value < 10) {
        bar.fillColor = "red";
    } else if (bar.value < 20) {
        bar.fillColor = "yellow";
    } else {
        bar.fillColor = "green";
   }
}

关于javascript - 如何根据图表JS中的标签值更改条形颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31751675/