Ajaxが円グラフは、ここでデータ

Question

を表示していないhighcharts私のコードです：{ "男性"：：9、 "メス"：2}

私のコントローラは、200 OKです。ここ

$.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, 
}); 
} 

は応答です。データを正しく渡す。しかし、データは私の部門の中で縛られていません。タイトルが正しく表示されます。

Answer 1

シリーズデータのJSONフォーマットが正しくありません。私は実際に（コントローラ機能から）それらを送信する前にJSONに私のデータを解析していますので、それは私の場合ではありません

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

Working JSFiddle example