首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2013-10-24 
Highcharts的donut图,中心圆圈的文字居中转自:http://stackoverflow.com/questions/17286457/how-to-cente

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的值是圆心的位置

?

?

热点排行