2016-08-18 8 views
0

私はAngularJS、D3.js、node.jsを使用してデータの視覚化を行っています。AngularJSのD3を使用してノードサーバーのtsvファイルをロードするには

私のアプリケーションの構成は以下の通りです。

Application/ 
    client/ 
    app/ 
     app.js 
     index.html 
     dashboard/ 
     dashboard.html 
     dashboard.js 
     dashboard.controller.js 
     dashboard.service.js 
     main/ 
    server/ 
     server.js 
     api/ 
     data/ 
     data.tsv 

ダッシュボードコントローラを使用してサーバーのdata.tsvをロードします。しかし、それはちょうど404 Not Foundを示した。その後

dashboard.controller.js

(function() { 
    'use strict'; 
    angular 
     .module('Dashboard') 
     .controller('DashboardCtrl', DashboardCtrl); 

    function DashboardCtrl($scope, d3) { 
     d3.tsv("/data/data.tsv", function(data) { 
      console.log(data[0]) 
     }); 
    } 
})(); 

sever.js

app.post('/data', function(req, res) { 
    fs.readFile('./data/result.tsv', 'utf8', function(err, data) { 
     if(err) { 
      return console.log(err); 
     }else { 
      res.write(data); 
      console.log('written!'); 
     } 
    }); 
}); 

を、どのように私は、サーバーでのTSVファイルを読み込むことができますか?

+0

てみてください。 AFAIK 'd3.tsv'はGETリクエストを送信します。私が間違っていると私を訂正してください。 – winter

+0

リクエストメソッドがエラーではないようです。 – OH3VCI

+0

多分この行を試すことができます: 'app.use( '/ data'、express.static(__ dirname + '/ data'))' – winter

答えて

-1

おそらくそれは代わりに `` app.post`のapp.get`する必要があります。この

fs.readFile("data/result.tsv", "utf8", function(error, data) { 
    data = d3.tsv.parse(data); 
    console.log(JSON.stringify(data)); 
}); 
+0

これは適用されません.... – OH3VCI

関連する問題