Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Charts.js值相关着色_Javascript_Charts - Fatal编程技术网

Javascript Charts.js值相关着色

Javascript Charts.js值相关着色,javascript,charts,Javascript,Charts,我想知道,是否有可能让Charts.js根据点值是正值还是负值来更改填充颜色 我正在为我朋友的新公司制作我的会计系统,我有一个图表,在图表中显示财务状况,如果我的收入低于0,它应该显示为红色,如果它变为正值,它应该显示为绿色 那么,在Charts.js中,是否可以根据图表从x轴的哪一侧开始更改图表填充颜色 这里有一个链接到我需要得到的结果的Photoshop图像。 这应该是可能的 当从呼叫服务器返回数据时,您必须检查数据。检查值,如果为0,则为绿色 比如: const backgroundCol

我想知道,是否有可能让Charts.js根据点值是正值还是负值来更改填充颜色

我正在为我朋友的新公司制作我的会计系统,我有一个图表,在图表中显示财务状况,如果我的收入低于0,它应该显示为红色,如果它变为正值,它应该显示为绿色

那么,在Charts.js中,是否可以根据图表从x轴的哪一侧开始更改图表填充颜色

这里有一个链接到我需要得到的结果的Photoshop图像。
这应该是可能的

当从呼叫服务器返回数据时,您必须检查数据。检查值,如果为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: ....,
                    },
                    ],
            }, ....