Ajax Highcharts PieChart не отображает данные

Question

Вот мой код:

$.ajax({ 
url: 'dashboard/gender', 
type: 'post', 
async: true, 
dataType: "json", 
success: function (data) { 
    visitorData(data); 
} 
}); 

function visitorData (data) { 
$('#gender-pie').highcharts({ 
chart: { 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false, 
      type: 'pie' 
     }, 
     title: { 
      text: 'Genders' 
     }, 
     tooltip: { 
      pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
     }, 
     plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       dataLabels: { 
        enabled: false 
       }, 
       showInLegend: true 
      } 
     }, 
series: data, 
}); 
} 

Вот ответ: { "мужчины": 9, "сук": 2}

Мой контроллер находится 200 ок. Правильная передача данных. Но данные не участвуют в моем div. Заголовок отображается правильно.

Answer 1

Неверное форматирование JSON для данных серии. Он должен быть отформатирован следующим образом:

series: [{ 
    data: [{ 
     name: 'Males', 
     y: 9 
    }, { 
     name: 'Females', 
     y: 2 
    }] 
}] 

Working JSFiddle example