Highcharts动态列颜色基于数据比较

时间:2016-03-21 18:30:28

标签: javascript jquery graph highcharts

这是我正在尝试做的一个片段,基本上我有2个值我正在加入图表我想根据比较改变列的颜色。基本上如果值大于目标是绿色,否则为蓝色。但每列的目标值不同。

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

1 个答案:

答案 0 :(得分:0)

区域是一个数据阵列,因此计算不会在程序上发生。您需要在数组外部计算,例如创建一个函数来进行计算并调用它来返回颜色:

column: {
            zones: [{
                color: getComputedColor(data)
            }, {
                color: 'blue'
            }]
        }
....

function getComputedColor(data)
{   if (data[1] >= data[2])
       return "green";
    return "blue";
}