CSV 가져 오기 정의되지 않은 데이터

Question

d3의 .csv 가져 오기에 문제가 있습니다. 나는 CSV 가져 오기 템플릿으로 http://www.d3noob.org/2013/03/d3js-force-directed-graph-example-basic.html

http://www.d3noob.org/2014/02/how-to-import-data-from-csv-file-with.html

다음되었다. 문제점 : 내 csv 열에 액세스 할 수 없습니다. 열을 액세스하려고하면 정의되지 않습니다. 특히, 나는이 코드를 내 코드를 빌드하는 예제로 사용하려고 시도했다.

d3.csv("data/force.csv", function(error, links) { 

var nodes = {}; 

// Compute the distinct nodes from the links. 
    links.forEach(function(link) { 
     link.source = nodes[link.source] || 
     (nodes[link.source] = {name: link.source}); 
     link.target = nodes[link.target] || 
     (nodes[link.target] = {name: link.target}); 
     link.value = +link.value; 
}); 

내 코드는 비슷합니다

d3.csv("../assets/datastore/transitions.csv", function(error, data){ 
if(error) return console.warn(error); 

var nodes = {}; 
data.forEach(function(d){console.log("This is the source " + d.source)}); 
//Compute distinct nodes from links 
data.forEach(function(link){ 
    console.log("This is the source" + data.source); 
    links.source = nodes[links.source] || (nodes[links.source] = {name: links.source}); 
    links.target = nodes[links.target] || (nodes[links.target] = {name: links.target}) 
    links.value = + links.value; 
}); 

나는 심지어 내 코드를 단순화하고, 데이텀의 단지 가장 기본적인 요소에 액세스하려고했습니다.

마지막으로 파이어 버그를 사용할 때 DOM 아래 노드로 81 개 요소가 등록되어있는 것처럼 내 데이터가 읽혀진 것처럼 보입니다.

잠재적 인 해결책을 제시 할 수 있다면 좋을 것입니다.

Answer 1

csv가 쉼표 + 공백이 아닌 쉼표로 값을 구분하도록 형식이 구성되어 있는지 확인하십시오. 언어 문장에서 사용되는 띄어쓰기 구분 기준을 데이터 형식에 부과하는 것이 일반적인 실수입니다. 구문 기준이기도합니다.

Answer 2

다음 코드에서 links은 link이어야합니다.

links.source = nodes[links.source] || (nodes[links.source] = {name: links.source}); 
links.target = nodes[links.target] || (nodes[links.target] = {name: links.target}) 
links.value = + links.value; 

먼저 확인하고 어떻게 진행되는지 확인하십시오.

당신이 좋은 문제 해결을하고있는 것처럼 보입니다.