在高图表中突出显示一系列条形图中的一个条形图？

我有一个图表，显示堆叠和分组的条形图，类似于这个演示 http://www.highcharts.com/demo/column-stacked-and-grouped.

有没有办法从 JavaScript 代码中使系列之一中的其中一个栏突出显示？

例如，使用上面链接的演示，在页面的其他位置，用户可能会为“John”选择“Pears”，并且我希望 John 的对应 Pears 条在图表中暂时突出显示。

您可以使用积分更新功能

var chart = $('#container').highcharts();
 $('#button').click(function () {
     chart.series[0].data[2].update({y:4,color:'yellow'});
});

编辑：如果不清楚，您不必设置 y 值，您可以仅设置颜色。

chart.series[0].data[2].update({color:'yellow'});

http://jsfiddle.net/8vo99a70/ http://jsfiddle.net/8vo99a70/

另一个编辑： 取消突出显示按钮：

$('#button2').click(function () {
    chart.series[0].data[2].update({
        color: chart.options.series[0].color
    });
});

http://jsfiddle.net/8vo99a70/4/ http://jsfiddle.net/8vo99a70/4/