Javascript 反向映射图例值或颜色,或从其他属性(而不是系列中的值)绘制图例颜色

Javascript 反向映射图例值或颜色,或从其他属性(而不是系列中的值)绘制图例颜色,javascript,jquery,reverse,legend,highmaps,Javascript,Jquery,Reverse,Legend,Highmaps,这是我的highmaps 我需要反转图例的值,以便30转到顶部(红色)和0 到底部(绿色)。反转值或颜色渐变将解决我的问题。我试过了 colorAxis: { reversed:false } 但它同时反转值和颜色(我只需要反转一个)。我也试过了 legend: { reversed: true } 但它似乎根本不起作用。。。 解决我的问题的另一个可能的解决方案是基于其他属性而不是“值”属性绘制图例。Highmaps使用“value”属性的值来绘制图例的颜色渐变,在我的例

这是我的highmaps

我需要反转图例的值,以便30转到顶部(红色)和0 到底部(绿色)。反转值或颜色渐变将解决我的问题。我试过了

colorAxis: {
    reversed:false
}
但它同时反转值和颜色(我只需要反转一个)。我也试过了

legend: {
    reversed: true
}
但它似乎根本不起作用。。。

解决我的问题的另一个可能的解决方案是基于其他属性而不是“值”属性绘制图例。Highmaps使用“value”属性的值来绘制图例的颜色渐变,在我的例子中,我想根据我分配给地区的“rank”属性来绘制它。

尝试替换颜色

   minColor: '#26c40d',
    maxColor: '#e51414',
更新1

试试这个选项

         colorAxis: {
        min: 0,
        max: 26,
        step:2,
        minColor: '#e51414',
        maxColor: '#26c40d',
        align: 'top',
        reversed : false
    },

这里有更多的选择 尝试更换颜色

   minColor: '#26c40d',
    maxColor: '#e51414',
更新1

试试这个选项

         colorAxis: {
        min: 0,
        max: 26,
        step:2,
        minColor: '#e51414',
        maxColor: '#26c40d',
        align: 'top',
        reversed : false
    },

这里有更多的选择

我必须使用绿色表示最高数字,红色表示最低数字。现在图例显示了正确的信息(红色表示最低,绿色表示最高),但地图相反,即红色表示最高,绿色表示最低。我已经阅读了highmaps的几乎所有api文档,但找不到任何解决方案。在colorAxis中使用reverse只需翻转整个图例,仍然30是绿色,0是红色。我需要30表示红色,0表示绿色。我已更新了问题并添加了另一种解决此问题的可能性,请告诉我您是否可以帮助我解决此可能性…我必须使用绿色表示最高数字,红色表示最低数字。现在图例显示了正确的信息(红色表示最低,绿色表示最高),但地图相反,即红色表示最高,绿色表示最低。我已经阅读了highmaps的几乎所有api文档,但找不到任何解决方案。在colorAxis中使用reverse只需翻转整个图例,仍然30是绿色,0是红色。我需要30为红色,0为绿色。我已更新了问题并添加了另一种解决此问题的可能性,请告诉我您是否可以帮助我解决此可能性。。。。