我有使用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
现在它的罚款... –