0

D3.js 散布図のデータをロードする方法をテストして学習するために、小さなデータ セットを使用しています。次のようにデータをスクリプトにハードコードすると、散布図は問題なく表示されます。

var data = [
["200601", 8400000, 1],
["200903", 7600, 2],
["200411", 50056, 3],
["201205", 1100000, 1],
["200804", 550000, 2],
["200404", 550, 3],
["200007", 78000, 1],
["200605", 5600000, 1],
["200702", 29000, 2],
["200103", 660000, 3]
];

上記の 2d 配列を取得して「dataExample.json」というファイルに保存してから、上記のコードを次のコードに置き換えて、指定されたファイルを要求しようとしました。これは、要求の作成に関する D3 ドキュメントから入手したものです。

var data;

d3.json("dataExample.json", function(error, json) {
  if (error) return console.warn(error);
  data = json;
  visualizeit();
});

Python でローカルに実行していますが、cmd ウィンドウに ["GET ../dataExample.json HTTP/1.1" 200] が表示され、リクエストが成功したことを示しています。ただし、散布図は表示されず、代わりにページが完全に空白で表示されます。Firefox のデバッグ コンソールに「ReferenceError: Visualizeit が定義されていません」と表示されますが、どこが間違っているのかを理解するのに役立つ他のエラーは見つかりません。

私が抱えている問題を説明したり、このデータを適切に読み込んでアクセスする方法についてアドバイスを提供したりできますか? これは、私のスクリプトにコード化されたデータを含む実際の例へのリンクです: http://jsfiddle.net/TGDs4/3/

どんな助けでも大歓迎です。ありがとうございました。

4

1 に答える 1

1

フィドルのコードとデバッグエラーの説明を見ると、「ReferenceError：visualitが定義されていません」というように、visualizeit関数が定義されていないようです。

于 2014-01-04T07:16:24.727 に答える