当前位置: 代码迷 >> Web前端 >> Highcharts的donut图,中央圆圈的文字居中
  详细解决方案

Highcharts的donut图,中央圆圈的文字居中

热度:358   发布时间:2013-10-24 18:27:24.0
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的值是圆心的位置

?

?