如何在chart.js中根據標簽值更改條形顏色

Question

我需要在chartjs中使用條形圖，並且所有條形圖都必須使用一種顏色，而中間的條形圖則需要使用其他顏色。 如果可以根據使用的特定顏色創建值范圍，那將是最好的。

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

我已使用此命令手動繪制了這一條

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

但是我需要它是自動的，可以選擇一個值並根據其限制選擇顏色。 可能嗎？

Answer 1

查看文檔中的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";
   }
}

Answer 2

我已經使用了部分解決方案並解決了問題

        for (var i = 0; i < myLine.datasets[0].bars.length; i++) {
        console.log(myLine.datasets[0].bars[i].value);
        if(myLine.datasets[0].bars[i].value < 10) {
            myLine.datasets[0].bars[i].fillColor = "red";
        } else if (myLine.datasets[0].bars[i].value > 20) {
            myLine.datasets[0].bars[i].fillColor = "yellow";
        }
    }

這就是我所需要的，謝謝，我不知道如何訪問酒吧的價值。