Highcharts &引用；停止“；在海图极坐标图列中？

我们希望实现与“停止”相同的效果（如在solid gauge中），我们可以为Highcharts极坐标图中的每一列定义0-5为红色、6和7为黄色、8为绿色的值。 但是停止，我们已经尝试过了，为整个列显示一个与值无关的梯度。。无法根据特定值定义每列的颜色

到目前为止，我看到的唯一选择是直接根据数据设置颜色。示例如下： 即:

我们显示的是一个平均值，因此数据实际上可以是0-100之间的任何数字（两个小数）

---

基于值范围实现列颜色的最佳选项是什么？

您可以迭代序列中的每个点，并根据条件更新颜色

var color;
    $.each(chart.series[0].data, function(i, data){
        if(data.y<4) {
           color = 'red';
        } else if((data.y>4) && (data.y <6)) {
                color = 'yellow';
        } else if(data.y > 6) { 
                color = 'orange';
        }

        data.update({
                color: color
        });
    });

var颜色；
$.each（chart.series[0]。数据，函数（i，数据）{
if（data.y4）和&（data.y6）{
颜色=‘橙色’；
}
数据更新({
颜色：颜色
});
});

例如：

var color;
    $.each(chart.series[0].data, function(i, data){
        if(data.y<4) {
           color = 'red';
        } else if((data.y>4) && (data.y <6)) {
                color = 'yellow';
        } else if(data.y > 6) { 
                color = 'orange';
        }

        data.update({
                color: color
        });
    });