分類  >  Web前端 >

Highcharts的donut圖,中央圓圈的文字居中

tags:    時間:2013-12-09 23:41:51
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的值是圓心的位置

 

 

推薦閱讀文章

Bookmark the permalink ,來源:互聯網