Chart.js 根据值更改条形图颜色

我正在为angular 2应用程序使用chart js/ng2图表

我可以显示条形图，但目前，所有的条形图都是相同的颜色。我想要一个不同的颜色，取决于数值

---

可以这样做吗？

创建图表后，可以使用以下函数在数据集中循环并根据数据值更改颜色

在本例中，如果该值高于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();

var colorChangeValue=50//将该值设置为决定颜色变化的值
VarDataSet=myChart.data.datasets[0]；
对于（var i=0；icolorChangeValue）{
dataset.backgroundColor[i]=chartColors.red；
}
}
myChart.update（）；

---

JSFIDLE Demo:

您是在谈论本机动态背景色吗？我对此不确定，但似乎为表示的变量创建一些逻辑是非常简单的。是的，我现在已经用过了。以前没看过，需要快速排序，但现在排序了。我将很快发布答案。