在highcharts中突出显示系列中的一个栏？

Question

我有一个图表显示堆叠和分组的条形图，类似于this demo。

是否有一种方法，从JavaScript代码，导致其中一个系列中的一个栏被突出显示？

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

Answer 1

您可以使用点更新功能

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/

另一个编辑： 一个unhighlight按钮：

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

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