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