2013-07-26 135 views
0

Folks-d3.js CSV元素行

我正在做基於邁克·博斯托克的http://bost.ocks.org/mike/uberdata/一個即。

由於這將在本地郵寄和查看,而不是在服務器上進行,因此需要嵌入JS庫以及文檔中的任何數據。

我已成功集成了JavaScript以及JSON對象。我很難獲取包含的CSV文件,然後迭代它。

var myMatrix = '[[0,557.3,0,0,0,1645.8,0,903.2,895.6,615.7,0,408.1,0,845.3,290.1,325,73.5],[788.1,0,0,0,1204.2,1859.7,1020.5,1160,976.4,1057,1082.4,0,697.2,0,614.2,0,0]]'; 

svg.append("circle") 
.attr("r", outerRadius); 

d3.csv("companies.csv", function(companies) { 
    //d3.json("matrix.json", function(matrix) { 

matrix = JSON.parse(myMatrix); //new 


// Compute the chord layout. 
layout.matrix(matrix); 
    ...<snip> 

所以基本上我需要的東西,將在一個在線的數據,同時仍然在函數的其餘部分設置迭代操作,以取代「d3.csv」功能。

感謝,

RL

+0

最好的辦法是到CSV轉換成JSON和inclue它在JavaScript文件中像你這樣的'matrix'。 –

+0

這些companies.csv轉換是對所有後續數據轉換進行迭代的函數,而我用於「matrix = JSON.parse(myMatrix)」的技術在一行上完成所有工作。我將如何重寫它在所有後續轉換中迭代的'companies.csv'轉換? – user1515373

+0

您可以簡單地保存CSV轉換的結果。 –

回答

0

Lars-你說得對。我正在推翻它。

我剛剛添加了JSON對象和d3神奇地迭代對象中的項目。

var companies = [{name:"one", color:"#8a8a8a"},{name:"two", color:"#5d9a0c"},{name:"three", color:"#005a8b"}}]; 

感謝,

RL