1

そのため、YQL をいじって、github からデータを取得して、Flot で動的なグラフを作成できるかどうかを確認していました。

YQL コンソールで、次のクエリを使用する場合:

url="https://github.com/twitter/bootstrap/graphs/commit-activity-data" および itemPath="json.json" の json から合計を選択します

次の JSON 構造が返されます。

{
"query": {
"count": 52,
"created": "2013-03-03T19:56:17Z",
"lang": "en-US",
"results": {
 "json": [
  {
   "total": "55"
  },
  {
   "total": "64"
  },
  {
   "total": "50"
  },
  .....
  {
   "total": "24"
  }
 ]
}
}
}

カウントは 52 で、プロジェクトに対するコミットの 52 週間のローリング トラックです。この JSON 出力の flot を使用して棒グラフを作成したいだけですが、データのレンダリングに問題があります。

うさぎの穴に落ちたので、私の JavaScript は混乱している可能性があります。プロジェクトに対するコミット数を表す 52 本のバーを含む単純な棒グラフを作成したいだけです。

$(function() {
var data = [];
var myData = [];
var placeholder = $("#placeholder");
$.ajax({
    url: "data/latest-yql.json",
    type: "GET",
    dataType: "json",
    complete: function() {
        //called when complete
        console.log('complete');
    },
    success: function(data) {
        var items = data.query.results.json;
        for (var i = 0; i < items.length; i++) {
            var d1 = i;
            var d2 = items[i].total;
            var myData = [
                [d1, d2]
            ];
        };
        $.plot($("#placeholder"), [{
            data: myData,
            bars: {
                show: true
            }
        }]);
    },
    error: function() {
        //called when there is an error
        console.log('error');
    },
});

});

睡眠不足やさまざまなことを試して数時間コードを見つめているために単純に行方不明になっているという合理的な解決策はありますか?

4

1 に答える 1

0

これがどのように失敗するかについての詳細情報は役に立ちますが、ループの反復ごとに myData をリセットしているため、常に 1 つのデータポイントしか含まれていないことがわかります。myData は既に Ready 関数の先頭で配列として作成しているため、ループ内でデータをプッシュするだけです。

于 2013-03-03T22:21:30.690 に答える