Colors 图表JS基于数据值更改pointBackgroundColor

因此，我使用Chartjs创建了一个基本折线图。如何根据数据的值更改点的颜色（pointBackgroundColor）？例如，如果数据点小于10，它将变为红色，或者如果数据点介于10和20之间，它将变为蓝色

const CHART=document.getElementById（“线形图”）；		
让折线图=新图表（图表{
键入：“行”，
数据：{
标签：[“5/10/2010”、“5/11/2010”、“5/12/2010”、“5/13/2010”、“5/14/2010”、“5/15/2010”、“5/16/2010”]，
数据集：[
{
标签：“θ”，
填充：假，
线张力：0，
背景颜色：“rgba（75192192,0.4）”，
边框颜色：“rgba（9,31,62）”，
borderCapStyle:“butt”，
borderDash:[]，
borderDashOffset:0.0，
borderJoinStyle:'斜接'，
pointBorderColor:“rgba（0191255）”，
pointBackgroundColor:“rgba（0191255）”，
点边界宽度：5，
点边界半径：5，
pointHoverBackgroundColor:“rgba（75192192,1）”，
pointHoverBorderColor:“rgba（2201）”，
pointHoverBorderWidth:2，
点半径：1，
点半径：10，
数据：[15,28,11,3,34,65,20]，
}
]
},
选项：{
MaintaintAspectRatio:false，
回答：是的，
图例：{
显示：假，
},
比例：{
雅克斯：[{
滴答声：{
fontColor:#091F3e“，
贝吉纳泽罗：是的，
步骤：10，
步长：10，
最高：100
},
网格线：{
显示：假
}
}],
xAxes：[{
滴答声：{
fontColor:#091F3e“，
字体大小：“10”，
},
网格线：{
显示：假
}
}]
}
}
});这里还有一件事可以帮助您

它的原始答案来自
添加代码示例以防链接不起作用

var colorChangeValue = 50; //set this to whatever is the decidingcolor 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//将该值设置为DecisingColor change值
VarDataSet=myChart.data.datasets[0]；
对于（var i=0；icolorChangeValue）{
dataset.backgroundColor[i]=chartColors.red；
}
}
myChart.update（）；

这是关于背景条的，但是你可以试着找到相同的解决方案。
也许这会有所帮助