CODEWITHSUNDEEP
javascriptjquerygraphicssvghighcharts
Dmytro Filipenko
Dmytro Filipenko

Reputation: 941

Change mouseover point in highcharts

Can somebody help me with my problem.

I have this piecharts,

enter image description here

and i need to change point( segment ), when i mouseover on it

enter image description here

What the best way you can advise me?

Maybe something like this, change point, but i don't know how to do this

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

    },

Upvotes: 0

Views: 780

Answers (1)

Paweł Fus
Paweł Fus

Reputation: 45079

Try to update only graphic using element.attr(), see: 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
                        });
                    }
                }
            }
        }
    },

Upvotes: 4

Related Questions