2014-09-03 69 views
2

我有一張圖表顯示了堆積和分組的條形圖,類似於this demo在highchart中高亮顯示一個酒吧?

有沒有一種方法,從JavaScript代碼,使其中一個系列中的一個酒吧變得突出顯示?

例如,使用上面鏈接的演示,在頁面的其他地方,用戶可以爲「John」選擇「Pears」,並且我希望John的相應Pears欄在圖表中暫時突出顯示。

回答

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/

+0

感謝芭芭拉!我應該能夠與此合作。 – 2014-09-04 00:22:28