2017-01-11 7 views
0

あなたは.Iは.Iは、ドーナツグラフの 値を表示したいの両方ドーナツチャートの中心でA/B値を表示したいhighchartsに中央にテキストを表示する方法を教えてもらえ155/165センター内の値は、ここに私のコードですハイチャートの中心にテキストを表示する方法は?

http://jsfiddle.net/oupmgvjy/12/

中心に

期待出力

A/B

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'pie' 
     }, 

     credits: { 
     enabled: false 
     }, 
     exporting: { enabled: false }, 
     legend: { 
      align: 'right', 
      verticalAlign: 'top', 
      layout: 'vertical', 
      x: 0, 
      y: 100, 
       labelFormatter: function() { 

        return '<span style="color:' + this.color + ';background:red!important">' + this.name + ':</span> <b>' + this.y + '</b> </n>'; 
      } 
     }, 
     yAxis: { 
      title: { 
       text: 'Total percent market share' 
      } 
     }, 
     plotOptions: { 
      pie: { 
       series: { 
        states: { 
         hover: { 
          enabled: false 
         } 
        } 
      }, 
       allowPointSelect: false, 
       cursor: 'pointer', 
       showInLegend: true, 
       dataLabels: { 
        format: '<b>{point.y}</b>', 

        style: { 
         fontWeight: 'bold', 
         color: 'white' 
        } 
       }, 

       startAngle: 0, 
       endAngle: 270, 
       center: ['50%', '75%'] 
      } 
     }, 
     tooltip: { 
      enabled: false, 
      shadow: false 
     }, 
     series: [{ 
     states: {hover: {enabled: false}}, 
      showInLegend: false, 
      name: 'election result', 
      enabled: true, 
       dataLabels: { 
        enabled: true 
       }, 
      data: [ 
       ['A', 155], 
       ['B', 165], 

      ], 
      size: '30%', 
      innerSize: '70%', 
     }, { 
     states: {hover: {enabled: false}}, 
      name: 'Versions', 
      data: [ 
       ['sdsd', 55], 
       ['sdf', 65], 
       ['sdf', 65], 
       ['sdf', 132], 

      ], 
      size: '70%', 
      innerSize: '80%', 

     }] 
    }); 
}); 

答えて

関連する問題