在highcharts中更改鼠标悬停点

时间:2013-09-18 14:07:07

标签: javascript jquery graphics svg highcharts

有人可以帮我解决问题。

我有这个饼图,

enter image description here

我需要更改点(段),当我鼠标悬停在它上面

enter image description here

你可以告诉我什么最好的方法?

也许是这样的,改变点,但我不知道该怎么做

plotOptions: {
        series:{
            point:{
                events: {
                    mouseOver: function( e ){
                        console.log( this )
                    }
                }
            }
        }

    },

1 个答案:

答案 0 :(得分:4)

尝试使用element.attr()仅更新图片,请参阅:http://jsfiddle.net/rh5fz92q/

    plotOptions: {
        pie: {
            point: {
                events: {
                    mouseOver: function(e){
                        this.defaultR = this.graphic.r;
                        this.graphic.attr({
                            r: 200
                        });
                    },
                    mouseOut: function(e){
                        this.graphic.attr({
                            r: this.defaultR
                        });
                    }
                }
            }
        }
    },