D3.js를 사용하여 JSON의 지난 주, 지난 달 및 지난 연도에 대한 막대 그래프 표시

Question

JSON의 월별, 주별, 일별 데이터를 표시하는 방법을 알려주십시오.

예 :

JSON (월별)에서 데이터의 사주 마지막 구하는 방법

1. ?
2. 지난 12 개월간 JSON (연간) 데이터를 얻는 방법은 무엇입니까?
3. JSON (지난 주)에서 마지막 7 일간 데이터를 얻는 방법은 무엇입니까?

JSON 예 :

{"date" : "2016-06-16"} 
... 
... 
{"date" : "2016-05-16"} 
{"date" : "2016-04-16"} 

Answer 1

나는 jsfiddle의 팬이 아니에요 (plnkr에 코드를 이동, plnkr 당신이 원하는대로 파일을 만들 수 있습니다

첫째, 나는. d3 v3을 사용한다고 언급했지만 v4로 업그레이드하여 최신 기능과 개선 사항을 즐기는 것이 좋습니다 (단,이 내용은 비공개입니다).

둘째로, (102 ~ 107) 선 (예로서) 월별 데이터의 중첩 만드는 :

var byMonth = d3.nest() 
    .key(function(d){ 
     return d.month; 
    }) 
    .entries(data["BC"]) 
console.log(byMonth); 

이제 오브젝트 BYMONTH 달의 수에 대응하는 key 속성이 이미 대응을하고, values 속성은 해당 월의 모든 값을 포함합니다. scale.range(byMonth.map(function(d){return d.key;})을 사용하여 축척 범위를 작성/업데이트하고 축에 해당 축척을 사용하고 이에 따라 데이터를 플롯 할 수 있습니다. 동일한 기술을 일 또는 년 재산에 적용 할 수 있습니다.