javascript - 使用 JSON 数据创建 HighCharts 饼图

Question

我正在尝试使用从 cartoDB SQL 返回的 JSON 数据绘制饼图。

我正在使用 High Charts 上提供的示例网站，但图表未加载。下面是我的 JavaScript 代码。你能看出什么问题吗？

$(document).ready(function() {
  var options = {
      chart: {
        renderTo: 'container',
        type: 'pie'
      },
      series: [{}]
  };

  var jsonURL = 'https://1025.cartodb.com/api/v2/sql?&q=SELECT status FROM kenya_primary_schools';

  $.getJSON(jsonURL, function(data) {
    var obj = data.rows, hObj = [];
    if(obj.length){
      for(var i=0; i<obj.length; i++){
        hObj.push([obj[i]['status']]);
      }
      console.log(hObj);
    }
    options.series[0].data = data;
    var chart = new Highcharts.Chart(options);
  });
});

Answer 1

对代码进行一定程度的修改后，我得到了以下结果:

你应该做的要点

您需要从 Highcharts 文档中检查如何将数据对象从 Highcharts doc 提供给 series.data

由于 cartoDB 有两个选项:PRIVATE 和 PUBLIC，因此您应该考虑如何将它们存储在数组/对象中，以及如何从饼图中形成数据对象。

提示:

options.series[0].data = data;

hObj.push([obj[i]['status']]);