2013-10-25 2 views
0

현재 일부 시각화를 렌더링하기 위해 dc.js, crossfilter.js 및 d3.js로 작업하고 있습니다. 나는 여기에서 찾고있는 것과 꽤 비슷한 게시물을 발견했다. Crossfilter query 그리고 여기에 d3 csv data loading.
d3.csv 데이터를 배열로 매핑

내가하고자하는 것은 내 CSV를 구문 분석하고 특정 열에 대해 각 개체 행 내에서 배열로 구문 분석하는 것입니다. 예를 들어, 내가 가진 :

[
{년도 : 2011 PROJ_NAME : "프로젝트 1", 카테고리 : "과일", 하위 범주 : "딸기, 망고

내 데이터는 현재로 나온다 ", 전체 : 1510},
{FY : 2011, proj_name :"프로젝트 2 ", 카테고리 :"과일 ", 하위 카테고리 :"오렌지, 망고 ", 총계 : 100},
{FY : 2011, proj_name :" 프로젝트 2 ", 카테고리 :"야채 ", 하위 카테고리 :"셀러리 ", 총계 : 100}
]

하지만 난 그래서 데이터의 형식을 찾고 있어요 :

[
{년도 : 2011 PROJ_NAME : "프로젝트 1", 카테고리 : "과일", 하위 범주 : "딸기", "망고" ], 전체 : 1510},
{FY : 2011, proj_name : "프로젝트 1", 카테고리 : "과일", 하위 범주 : [ "오렌지", "망고"], 총 100 :
{FY : 2011 , PROJ_NAME "프로젝트 1"카테고리 "식물"하위 [ "샐", 합계 : 100}
]

는 그냥 data.forEach 넣을 수이있는 정보 (함수 (d 임))? 나는 생각하지 않는다

d3.csv("data.csv", function(data) { 
    data.forEach(function (d) { 
     d.FY = +d.FY; 
     d.total = +d.total; 
     d.subcategory = d.subcategory.split(/,/); 
     }) 
    }) 

은 정확하고 단순히 작동하지 않습니다,하지만 나는 여기에서 얻고 것은 내가 버킷 수 있도록 특별히이 열 내에서 반복적으로 수행해야 할 일이 있다는 것입니다 나중에 하위 카테고리 태그로 .. 어떤 생각/피드백?

답변

2

D3 이미이 덮여있다 미리

많은 덕분 d3.csv 대한 형식은 다음 접근은 데이터를 변환하기 위해 CSV의 각 행에 대해 호출 함수 d3.csv(url[, accessor][, callback]). 사용해보기 :

d3.csv("data.csv", function(d) { 
    return { 
    FY: +d.FY, 
    total: +d.total, 
    category: d.category, 
    subcategory: d.subcategory.split(/,/) 
    }; 
});