Highcharts Donut Chart text in center change on hover

Question

I\'m looking for a way to have text in the center of a donut chart change on hover. When there is no hover state, the center will display the total amount (here I am represe

Answer 1

Use points.events.mouseOver/mouseOut, for example: http://jsfiddle.net/NVX3S/147/

Code:

            point: {
                events: {
                    mouseOver: function(){
                        this.series.chart.innerText.attr({text: this.y});
                    }, 
                    mouseOut: function(){
                        this.series.chart.innerText.attr({text: 112});
                    }
                }
            }

Where innerText is just custom property, created like this:

chart.innerText = chart.renderer.text('112', 112, 125).css({ ... }).add();