根據值更改條的顏色

Question

我正在使用chart-js/ng2-charts作爲角2應用程序。

我可以顯示一個條形圖，但此刻，所有的條形圖都是相同的顏色。我想根據價值有不同的顏色。

可以這樣做嗎？

Answer 1

創建圖表後，可以使用以下函數遍歷數據集並根據數據值更改顏色。

在此示例中，如果該值高於50，則顏色將更改爲紅色。

var colorChangeValue = 50; //set this to whatever is the deciding color change value 
var dataset = myChart.data.datasets[0]; 
for (var i = 0; i < dataset.data.length; i++) { 
    if (dataset.data[i] > colorChangeValue) { 
    dataset.backgroundColor[i] = chartColors.red; 
    } 
} 
myChart.update(); 

的jsfiddle演示：https://jsfiddle.net/6d0jsyxu/1/