d3 가로 막 대형 차트의 하나의 막대에 값을 추가하는 방법

Question

한 막대에 동일한 값을 추가하려면 d3에 막대 막대 개념을 사용합니다. 각각 별도 막대에 각각을 더합니다. 여기 샘플 실행 코드가 있습니다. 우리는 4 ~ 5 개 항목이 내가이 도메인 2013-01,53과 가정처럼 원하는

http://bl.ocks.org/d3noob/8952219

의 모두가 같은 줄에 와야한다

Answer 1

이 작업을 수행하는 여러 가지 방법이 있습니다, 그들 중 하나는 nest을 사용하고 있습니다. 이 경우 :

var data = [{date: "2016-01", value: 53}, 
 
      {date: "2016-01", value: 10}, 
 
      {date: "2016-02", value: 42}, 
 
      {date: "2016-03", value: 17}]; 
 

 
    var nestedData = d3.nest() 
 
     .key(function(d) { return d.date;}) 
 
     .rollup(function(d) { 
 
      return d3.sum(d, function(e) {return e.value; }); 
 
     }) 
 
     .entries(data); 
 

 
console.log(nestedData);

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>