Highcharts: 3D Круговая диаграмма не отображается

Question

Ниже мой код:

exec_dashboard_load_chart('exec_dashboard_gender_chart',response); 

/** 
* A function that loads a chart. 
*/ 
function exec_dashboard_load_chart(id , data){  
    var myChart = Highcharts.chart(id, { 
     chart: { 
      type: 'pie', 
      options3d: { 
       enabled: true, 
       alpha: 45, 
       beta: 0 
      } 
     },   
     tooltip: { 
      pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
     }, 
     plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       depth: 35, 
       dataLabels: { 
        enabled: true, 
        format: '{point.name}' 
       } 
      } 
     }, 
     series: data 
    }); 
} 

Переменная данных содержит значение ниже:

Вот мой fiddle.

Почему моя 3d-диаграмма не отображается? Я не нашел ошибки. Я думаю, что что-то не так с моими данными. Может кто-нибудь указать мне, где я пропажу?

Answer 1

Заканчивать этот Working Fiddle

function exec_dashboard_load_chart(id , data){  
var myChart = Highcharts.chart(id, { 
    chart: { 
     type: 'pie', 
     options3d: { 
      enabled: true, 
      alpha: 45, 
      beta: 0 
     } 
    },   
    tooltip: { 
     pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
    }, 
    plotOptions: { 
     pie: { 
      allowPointSelect: true, 
      cursor: 'pointer', 
      depth: 35, 
      dataLabels: { 
       enabled: true, 
       format: '{point.name}' 
      } 
     } 
    }, 
    series: [{ 
     type: 'pie', 
     data: data.data 
    }] 
}); 
}