基于数据比较的动态列颜色突出显示

Highcharts Dynamic Column color based on data comparison

本文关键字：动态 颜色 显示 比较 于数据 数据      更新时间：2023-09-26

这是我正在尝试做的事情的片段，基本上我有 2 个值输入到图形中，我想根据比较更改列的颜色。基本上，如果值大于目标为绿色，否则为蓝色。但是每列的目标值都不同。

column: {
                zones: [{
                    value: data[1] >= data[2],
                    color: 'green'
                }, {
                    color: 'blue'
                }]
            }

zones 是一个数据数组，因此计算不会按程序进行。 您需要在数组外部进行计算，例如创建一个函数来执行计算并调用它以返回颜色：

column: {
            zones: [{
                color: getComputedColor(data)
            }, {
                color: 'blue'
            }]
        }
....
function getComputedColor(data)
{   if (data[1] >= data[2])
       return "green";
    return "blue";
}
相关文章：