甜甜圈內部文本

我使用高圖庫開發了甜甜圈圖表。我需要在甜甜圈的內部包含一個標籤。甜甜圈內部文本

預期結果：

enter image description here

JS：

$(function() { 
    $('#container8').highcharts({ 
     chart: { 
      type: 'pie', 
      options3d: { 
       enabled: false, 
       alpha: 0 
      } 
     }, 
     colors: ['#081969', '#0e2569', '#1e3b81', '#284893', '#30509b'], 
     title: { 
      text: '' 
     },tooltip: { 
      enabled: false 
     }, 
     plotOptions: { 
      pie: { 
       innerSize: 140, 
       depth: 45 
      } 
     }, 
     series: [{ 
      name: 'Delivered amount', 
      data: [ 
       ['56%', 56], 
       ['44%', 44] 
      ] 
     }] 
    }); 
});

小提琴可以在這裏找到：http://jsfiddle.net/ak9jK/

來源

2014-05-06 user3492795

您可以使用Renderer，允許添加自定義文本。

來源

2014-05-06 10:02:45

title: { 
     style: { 
      fontSize: '48px', 
      fontWeight: 'bold' 
     }, 
     verticalAlign: 'middle' 
    },

，並在年底

}, 

function (chart) { 
    chart.setTitle({ 
     text: chart.series[0].data[0].y + '%' 
    }); 
});

DEMO：http://jsfiddle.net/ak9jK/1/

來源

2014-05-07 06:34:54

甜甜圈內部文本

回答

相關問題