Highcharts的donut图，中心圆圈的文字居中

转自：http://stackoverflow.com/questions/17286457/how-to-center-text-inside-donut-chart-embedded-in-combination-chart

 

$('#container').highcharts({

        chart: {

            events: {

                load: function() {

                    var chart = this,

                        rend = chart.renderer,

                        pie = chart.series[4],

                        left = chart.plotLeft + pie.center[0],

                        top = chart.plotTop + pie.center[1],

                        text = rend.text("text", left,  top).attr({ 'text-anchor': 'middle'}).add();

 

                    text.on("mouseover", function() {

                       alert("hover!"); 

                    });

 

                }

            }

        }, 

        ...

     });

 

重点是：

'text-anchor: middle',

left = chart.plotLeft + pie.center[0],

top = chart.plotTop + pie.center[1],

left和top的值是圆心的位置