jsonデータをハイチャートとして使用する方法円グラフ？

Question

私はこれは、このデータを使用して円グラフを作成しようとしてconsole.log();

イムから直接であるこの

Object 
negative:3 
neutral:3 
positive:94 

のようなデータを返すAJAXリクエストを作成しましたが、私はそれが描画されないしようとすると、チャートでは、クレジットを除いて何も表示されず、コンソールにエラーも表示されません。しかし、このようなデータを手動で入力すると、

series: [{ 
      name: 'Brands', 
      data: [ 

       { name: 'Positive', y: 94 }, 
       { name: 'Negative', y: 3 }, 
       { name: 'Neutral', y: 3 }, 
      ] 
     }] 

でも問題ありません。

私のコードは次のとおりです。

function pieChart(data) { 
    // Make monochrome colors and set them as default for all pies 
    Highcharts.getOptions().plotOptions.pie.colors = (function() { 
     var colors = [], 
      base = Highcharts.getOptions().colors[0], 
      i; 

     for (i = 0; i < 10; i += 1) { 
      // Start out with a darkened base color (negative brighten), and end 
      // up with a much brighter color 
      colors.push(Highcharts.Color(base).brighten((i - 3)/7).get()); 
     } 
     return colors; 
    }()); 

    // Build the chart 
    Highcharts.chart('pieChart', { 
     chart: { 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false, 
      type: 'pie' 
     }, 
     title: { 
      text: 'Browser market shares at a specific website, 2014' 
     }, 
     tooltip: { 
      pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
     }, 
     plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       dataLabels: { 
        enabled: true, 
        format: '<b>{point.name}</b>: {point.percentage:.1f} %', 
        style: { 
         color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black' 
        } 
       } 
      } 
     }, 
     series: [{ 
      name: 'Brands', 
      data: data 
     }] 
    }); 
}; 

Answer 1

ajax要求を使用して、サーバーから受け取った応答が対象です。

受信した応答からjsonアレイを作成するだけで済みます。

var object={'positive':94,'neutral':2,'negative':2}; 
var data=[]; 
for(i in object){ 
    data.push({"name":i,"y":object[i]}); 
} 

highchartシリーズに設定します。

series: [{ 
     name: 'Brands', 
     data: data 
}]