高图：单击以更新列的颜色-是否需要将鼠标悬停在上面？

Question

我试图用一个系列的列类型绘制一个图表。 数据可以是正数也可以是负数。 我试图一键更新大于0（或小于0）的点的颜色。 用下面的例子：

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'column'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function() {
                        for (var i = 0; i < this.series.data.length; i++) {
                            if (this.y < 0) {
                                if (this.series.data[i].y < 0) 
                                    this.series.data[i].update({ color: '#ECB631' }, false, false);
                            }else {
                                 if (this.series.data[i].y > 0) 
                                    this.series.data[i].update({ color: '#ECB631' }, false, false);


                            }
                        }
                    }
                }
            }
        }
    },

    series: [{
        data: [29.9, -71.5, 106.4, -129.2, 144.0, 176.0, -135.6, 148.5, -216.4, 194.1, 95.6, 54.4],
        negativeColor: '#FF0000'
    }]
}); 

这是链接 。 http://jsfiddle.net/CkkbF/57/

我发现一些有趣而奇怪的东西：

1. 如果点数据为正，则单击的列颜色将更改，但是其他具有正数据的列的颜色略有不同（似乎突出显示。）

2. 如果点数据为负，则单击的列颜色将保持不变（在我的示例中为红色），直到您将鼠标移出它为止。 除非您尝试将鼠标移入/移出，否则其他带有负数据的列将保持不变。

可能是错误？ 如何正确更新它们？

Answer 1

我想您想更新系列颜色或系列negativeColor，请看一下： http : //jsfiddle.net/CkkbF/60/

    plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function () {
                        if (this.y > 0) {
                            this.series.update({
                                color: "#ECB631"
                            });
                        } else {
                            this.series.update({
                                negativeColor: "#ECB631"
                            });
                        }

                    }
                }
            }
        }
    },