JSON을 사용하여 달력 시각화로 데이터를 읽으려고합니다.d3 - CSV 파일 대신 JSON 데이터 읽기
d3.csv("RSAtest.csv", function(csv) {
var data = d3.nest()
.key(function(d) { return d.date; })
.rollup(function(d) { return d[0].total; })
.map(csv);
rect.filter(function(d) { return d in data; })
.attr("class", function(d) { return "day q" + color(data[d]) +
"-9"; })
.select("title")
.text(function(d) { return d + ": " + data[d]; });
});
그것은 다음과 같은 CSV 데이터를 읽습니다 : 그것은 CSV 파일을 사용하여 좋은 작품 순간
date,total
2000-01-01,11
2000-01-02,13
.
.
.etc
내가 대신 다음 JSON 데이터를 읽을 수있는 방법에 대한 포인터 : {"2000-01-01":19,"2000-01-02":11......etc}
다음과 같이 시도했지만 작동하지 않습니다 (datareadCal.php가 나를 위해 JSON을 뱉습니다) :
d3.json("datareadCal.php", function(json) {
var data = d3.nest()
.key(function(d) { return d.Key; })
.rollup(function(d) { return d[0].Value; })
.map(json);
감사
안녕하세요 숀, 감사 얻기를위한 이것에 관해 나에게 돌아온다. 그러나 나는 아직도 꽤 없어졌다. JSON을 사용하기 위해 CSV 파일에서 읽은 데이터를 사용하는 d3 캘린더 예제를 변경하려고합니다. http://mbostock.github.com/d3/ex/calendar.html – eoin
안녕하세요 Shawn, 알아보기에는 시간이 좀 걸렸습니다. (야간 학교와 프로그래밍이 아닌 날 직업을 저글링하고 데이터와 프로그래밍을 가르치고 있지만) 핵심은 바로 d3.entries로 JSON을 포맷하는 것입니다. 그 일을하지만 내 코드에서 내 빈 달력 프레임의 연도와 내 데이터의 연도를 일치시키는 것을 잊어 버린 곳에서 말이죠. 즉, 빈 달력은 1999 년이었고 JSON 데이터는 2000 년이었습니다. 도움과 인내심을 가져 주셔서 감사합니다. . – eoin