javascriptでｻｰﾊﾞｰにあるCSVﾌｧｲﾙをD3.jsで読み込んでいるのですが､読み込むﾀｲﾐﾝｸﾞが悪いのか､時々うまくﾃﾞｰﾀを読みこまないことがあります｡その場合､少し…

javascriptでｻｰﾊﾞｰにあるCSVﾌｧｲﾙをD3.jsで読み込んでいるのですが､読み込むﾀｲﾐﾝｸﾞが悪いのか､時々うまくﾃﾞｰﾀを読みこまないことがあります｡その場合､少し待ってからﾌﾞﾗｳｻﾞのreloadを何度か押すとうまく読み込んでくれるのですが､ｻｰﾊﾞｰからﾃﾞｰﾀを確実に読み込んでから次の処理に進ませるにはどうしたらいいでしょうか？

>||
//CSVﾌｧｲﾙからｸｲｽﾞのﾀｲﾄﾙを読み取る
var dataset0 = [];
d3.csv([parafilename], function(data) {
//CSVﾌｧｲﾙのﾀｲﾄﾙの一行目の文字だけを選択する｡
title0 = data.map(function(d) { return d[para]; });
title = title0[0];
console.log(dataset0);
});

//初期設定へ進む
||<

こんな感じのｺｰﾄﾞを動かしてみると､理由が分かると思います｡

d3.csv("foo.csv", function(data) {
 console.log("(1)");
 console.log(data);
});
console.log("(2)");

出力は､

(1)
Array [ Object, ...]
(2)

ではなく､通常は､こうなります｡

(2)
(1)
Array [ Object, ...]

d3.js では csv を取ってくるのに非同期で処理をします｡
ﾃﾞｰﾀ取得のﾒｿｯﾄﾞを呼ぶと､ﾃﾞｰﾀの到着を待たずにﾒｿｯﾄﾞからすぐに戻ってきます｡
渡したｺｰﾙﾊﾞｯｸ関数は､ﾃﾞｰﾀを取得したときに呼び出されます｡

# d3.csv(url, accessor], callback])

Issues an HTTP GET request for the comma-separated values (CSV) file at the specified url. The file contents are assumed to be RFC4180-compliant. The mime type of the request will be "text/csv". The request is processed asynchronously, such that this method returns immediately after opening the request. When the CSV data is available, the specified callback will be invoked with the parsed rows as the argument.
CSV ? mbostock/d3 Wiki ? GitHub

なので､d3.csv の後に書いたｺｰﾄﾞの方が先に実行され､d3.csv に渡したｺｰﾙﾊﾞｯｸの方が後で実行される､というふうになります｡

一番､単純な対応はｺｰﾙﾊﾞｯｸ関数の中に､ﾊﾟﾗﾒｰﾀを使った初期設定の処理を記述することです｡

//CSVﾌｧｲﾙからｸｲｽﾞのﾀｲﾄﾙを読み取る 
var dataset0 = [];
d3.csv([parafilename], function(data) {
 //CSVﾌｧｲﾙのﾀｲﾄﾙの一行目の文字だけを選択する｡
 title0 = data.map(function(d) { return d[para]; });
 title = title0[0];
 console.log(dataset0);

 //★ 初期設定は､ここでやる
});