0

から返された JSON データを使用して円グラフをプロットしようとしていますcartoDB SQL。

High Charts Web サイトで提供されている例を使用していますが、チャートが読み込まれません。以下は私の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);
  });
});
4

2 に答える 2

1

コードをある程度変更した後、次の結果を得ることができました。

プライベート VS パブリック パイ チャート

やるべきポイント

データ オブジェクトがHighcharts docの series.data にどのように与えられるかについて、Highcharts のドキュメントから確認する必要があります。

PRIVATE と PUBLICの 2 つのオプションがあるため、cartoDBそれらを配列/オブジェクトに格納する方法と、円グラフからデータ オブジェクトを形成する方法を検討する必要があります。

ヒント：

options.series[0].data = データ;

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

于 2016-06-03T12:54:52.857 に答える
0

コードにいくつかの構文エラーがあります。このように修正して、もう一度試してみてください。

$(document).ready(function() {
var options = {
    chart: {
        renderTo: 'container',
            type: 'pie'
    },
   series: [{}]
},
    jsonURL = 'https://1025.cartodb.com/api/v2/sql?&q=SELECT status FROM kenya_primary_schools';

$.getJSON(jsonURL, function(data) {
  var obj = data.rows,
     hObj = [],
    chart;
  if (obj.length) for (var i=0; i<obj.length; i++) hObj.push([obj[i].status]);
  options.series[0].data = data;
  chart = new Highcharts.Chart(options);
});
});
于 2016-06-03T12:35:00.420 に答える