javascript - Highcharts - 仅更改点击列的颜色

Question

我有一个使用 Highcharts.js 制作的柱形图。单击一个栏，它的颜色变为橙色。但是当点击另一个条时，之前点击的条的颜色仍然是橙色。

我想要的是在点击一个栏时，所有其他栏的颜色应该变为默认颜色。

 $('#container').highcharts({
    chart: {
        type: 'column'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    plotOptions: {
        series: {
            point: {
                events: {
                    click: function(event) {
                        console.log(this);
                        this.update({ color: '#fe5800' }, true, 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]
    }]
});

fiddle 链接 - Demo .

提前致谢。

Answer 1

2017 年更新:

现在有一种内置的方法可以做到这一点:

 series: [{
        name: 'John',
        data: [5, 3, 4, 7, 2, -1, -2, -3],
        color: 'steelblue',
        negativeColor: 'indianred',
        states: {
            select: {
                color: 'blue'
            }
        },
        allowPointSelect: true
    }]

fiddle :http://jsfiddle.net/nk1v22du/