Highcharts Pyramid Chart在JSON中不显示数据，PHP

Question

在Highcharts中对金字塔图使用JSON时，控制台日志中没有任何错误，但没有显示数据。

我有charts.php其结果是这样的：

{"success":1,"data":[{"name":"John Spoon","data":300}, {"name":"Dave Jones","data":200},{"name":"Other","data":500}]} 

这是我已经试过，不返回任何数据。

<div id="chart" style= 
         "height:600px;width:100%;"></div> 

<script> 
$(function() { 
    $("#chart").html("Loading Activity Log Graph..."); 

    var options = { 
     chart: { 
      type: 'pyramid', 
      renderTo: 'chart', 
      marginRight: 100 
     }, 
     title: { 
      text: 'Activity', 
      x: -50 
     }, 
     plotOptions: { 
      series: { 
       dataLabels: { 
        enabled: true, 
        format: '<b>{point.name}</b> ({point.y:,.0f})', 
        color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', 
        softConnector: true 
       } 
      } 
     }, 
     legend: { 
      enabled: false 
     }, 
     name: 'Activity Count', 
     series: [{}] 
    }; 

    $.ajax({ 
     url: "charts.php", 
     type:'post', 
     dataType: "json", 
     success: function(data){ 
      options.series = data.data; 
      var chart = new Highcharts.Chart(options);   
     } 
    }); 

}); 
</script> 

这是我想要的结果，表明了无需使用JSON的： http://jsfiddle.net/0dyy44hz/

什么我需要改变它显示的数据？

Answer 1

看着pyramid example，数据必须是单个系列的形式，每个数据点为[name, value]的数组。你有两个选择，改变你的PHP输出正确的格式或在JavaScript中修改PHP输出。既然你没有张贴你的PHP代码，我会做后：

var data = {"success":1,"data":[{"name":"John Spoon","data":300}, {"name":"Dave Jones","data":200},{"name":"Other","data":500}]};  

options.series = [{ 
    data: $.map(data.data, function(i){ // loop outputted data 
     return [[i.name, i.data]]; // coerce into an array of [name,value] 
    }) 
}]; 

这里的工作example。