在highcharts中悬停时更改点颜色

时间:2017-01-12 19:23:00

标签: highcharts colors hover point

我希望通过点击按钮更改值超过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属性,但我需要替代解决方案。

请帮忙。

0 个答案:

没有答案