我希望通过点击按钮更改值超过25的列的颜色。我尝试更改图表中的图形属性。它的工作,但我更新颜色后面临一个问题。当我第一次更新它时,一些列在鼠标悬停时恢复为原始默认颜色。但在第二次点击按钮后,它没有发生。我在这个小提琴中再现。 http://jsfiddle.net/zDSeR/57/
function returnColor(data){
return '#e47ffe';
}
function changeColor(){
var chartData = $('#container').highcharts();
var a = chartData.series[0].data;
for(var i=0;i<a.length;i++){
if(a[i].y > 25){
a[i].graphic.attr({'fill':'#000'});
}
}
}
$(function () {
$('#container').highcharts({
chart: {
zoomType: 'xy'
},
plotOptions: {
series: {
states: {
hover: {
enabled:false
}
}
}
},
series: [{
type:'column',
color:'#e47ffe',
data:[100,20,40,50,42,78,98]
}]
});
});
我知道我可以使用point.update而不是graphic属性,但我需要替代解决方案。
请帮忙。