2013-12-02 4 views
0

Я пытаюсь сделать круговую диаграмму пончика -: Ниже приведен код, который я пытаюсь. Issue-: У основания круговой диаграммы плоская.Проблема в полукруглой диаграмме пончиков

$(function() { 
$('#container').highcharts({ 
    chart: { 
     plotBackgroundColor: null, 
     plotBorderWidth: 0, 
     plotShadow: false 
    }, 
    title: { 
     text: 'Browser<br>shares', 
     align: 'center', 
     verticalAlign: 'middle', 
     y: 50 
    }, 
    tooltip: { 
     pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
    }, 
    plotOptions: { 
     pie: { 
      dataLabels: { 
       enabled: true, 
       distance: -50, 
       style: { 
        fontWeight: 'bold', 
        color: 'white', 
        textShadow: '0px 1px 2px black' 
       } 
      }, 
      startAngle: 1, 
      endAngle: 360, 
      center: ['50%', '75%'] 
     } 
    }, 
    series: [{ 
     type: 'pie', 
     name: 'Browser share', 
     innerSize: '40%', 
     data: [ 
      ['Firefox', 45.0], 
      ['IE',  26.8], 
      ['Chrome', 12.8], 
      ['Safari', 8.5], 
      ['Opera',  6.2], 
      ['Others', 0.7], 
      ['Safari', 8.5], 
      ['Opera',  6.2], 
      ['Others', 0.7] 
     ] 
    }] 


    }); 
}); 

Я хочу, чтобы эта диаграмма выглядела как полный круг с целым в центре этой диаграммы. Хотя диаграмма пончика доступна по адресу http://www.highcharts.com/demo/pie-donut, но это похоже на полный круг без промежутка между ними.

ответ

0

Я думаю, что проблема в том, что вы установили неправильный центр пирога, см: http://jsfiddle.net/na86z/7/

Должно быть:

center: ['50%', '50%']