Question

我们希望实现和＃34;停止＆＃34; （比如在实心规格中），我们可以定义0-5中的值是红色，6和7是黄色，8是Highcharts极坐标图中每列的绿色。但是，我们尝试过的停止是显示整个列的梯度，与值无关。无法根据特定值为每列定义颜色。

到目前为止，我看到的唯一选项是直接根据数据设置颜色。示例：http://jsfiddle.net/buzLywrx/3/ 那就是：

data: [{ y: 8, color: 'green'}, { y: 7, color: 'green'}, { y: 6, color: 'yellow'}, { y: 5, color: 'yellow'}, { y: 4, color: 'red'}, { y: 3, color: 'green'}, { y: 2, color: 'red'}, { y: 1, color: 'red'}],

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

根据值范围实现列颜色的最佳选择是什么？

Answer 1

您可以迭代系列中的每个点并按条件更新颜色。

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
        });
    });

示例：http://jsfiddle.net/buzLywrx/4/

在Highcharts极地图栏中“停止”？

1 个答案: