Refresh D3で5秒ごとにテーブルが生成される

Question

CSVファイルから生成されたD3.jsテーブルがあり、CSVが変更されたときに値を更新する方法を理解しようとしています。 B）10秒ごとに。

問題は、ブラウザのコンソールで「更新」が定義されていないエラーが発生し続けることです。

誰かが私のエラーを報告することができますか？私のsetTimeoutは動作していないようです。それはおそらく何かシンプルですが、私はjavascriptについて知識がありません。

d3.text("http://somesite/somefile.csv", function refresh(data) { 

      var containerclear = d3.select("body").select("table").remove(); 

      var parsedCSV = d3.csv.parseRows(data); 

      var container = d3.select("body") 
       .append("table") 

       .selectAll("tr") 
        .data(parsedCSV).enter() 
        .append("tr") 

       .selectAll("td") 
        .data(function(d) { return d; }).enter() 
        .append("td") 
        .text(function(d) { return d; }); 

     }); 
     setTimeout(function() { 
        refresh(data); 
        }, 5000); 

Answer 1

あなたはとあなたのリフレッシュ機能を見つけることができないのこの関数の中：この外そのような

d3.text("http://somesite/somefile.csv", function refresh(data) { 

移動：

function refresh(data) { 

       var containerclear = d3.select("body").select("table").remove(); 

       var parsedCSV = d3.csv.parseRows(data); 

       var container = d3.select("body") 
        .append("table") 

        .selectAll("tr") 
         .data(parsedCSV).enter() 
         .append("tr") 

        .selectAll("td") 
         .data(function(d) { return d; }).enter() 
         .append("td") 
         .text(function(d) { return d; }); 

      } 

そして、ここでそれを呼び出す：

d3.text("http://somesite/somefile.csv", function(data){ refresh(data)}); //using the somefile.csv 

そしてここに：

setTimeout(function() { 
        refresh(data); //using a different dataset 
        }, 5000);