Javascript Charts.js值相关着色
我想知道,是否有可能让Charts.js根据点值是正值还是负值来更改填充颜色 我正在为我朋友的新公司制作我的会计系统,我有一个图表,在图表中显示财务状况,如果我的收入低于0,它应该显示为红色,如果它变为正值,它应该显示为绿色 那么,在Charts.js中,是否可以根据图表从x轴的哪一侧开始更改图表填充颜色 这里有一个链接到我需要得到的结果的Photoshop图像。Javascript Charts.js值相关着色,javascript,charts,Javascript,Charts,我想知道,是否有可能让Charts.js根据点值是正值还是负值来更改填充颜色 我正在为我朋友的新公司制作我的会计系统,我有一个图表,在图表中显示财务状况,如果我的收入低于0,它应该显示为红色,如果它变为正值,它应该显示为绿色 那么,在Charts.js中,是否可以根据图表从x轴的哪一侧开始更改图表填充颜色 这里有一个链接到我需要得到的结果的Photoshop图像。 这应该是可能的 当从呼叫服务器返回数据时,您必须检查数据。检查值,如果为0,则为绿色 比如: const backgroundCol
这应该是可能的 当从呼叫服务器返回数据时,您必须检查数据。检查值,如果为0,则为绿色 比如:
const backgroundColours = [];
for (let i = 0; i < result.length; i++) {
if (result[i].valueName <0) {
backgroundColours.push(red());
} else {
backgroundColours.push(green());
}
}
const red= function() {
return 'rgb(255,0,0)';
};
const green = function() {
return 'rgb(0,255,0)';
};
data: {
labels: .....,
datasets: [
{
backgroundColor: backgroundColours,
data: ....,
},
],
}, ....