我有使用Highcharts.js製作的柱形圖。點擊一個條,它的顏色變成橙色。但是當單擊另一個欄時,先前單擊的欄的顏色將保持橙色。Highcharts - 只改變點擊列的顏色
我想要的是,點擊一個酒吧,所有其他酒吧的顏色應該變成默認。
$('#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]
}]
});
小提琴鏈接 - Demo。
在此先感謝。
後第二次點擊只需移動鼠標左,右看看效果 –
更新撥弄鏈接 – Dave
現在它的罰款... –