d3.js 양수 값과 음수 값을 가진 스택 막대 차트

Question

d3.js를 처음 사용하고 x 축을 따라 각 눈금에 양수 값과 음수 값이있는 누적 막 대형 차트를 만들려고했지만 보이지 않습니다. 그것에 대해 어떻게 움직이는 지 알아 내려고합니다. http://bl.ocks.org/mbostock/1134768에서 예제를 수정하려고 시도했지만 아무 소용이 없습니다.

Answer 1

동일한 문제가있었습니다. 결국 나는 다음 해결책을 가지고왔다 :

data.forEach(function (d) { 
    var newD = {x: d[xcoord]}; 
    var y0neg = 0; 
    var y0pos = 0; 
    newD.values = color.domain().map(function (m) { 
     if (d[m] > 0) 
      return { name: m, y0: y0pos, y1: y0pos += +d[m] }; 
     else { 
      var y1 = y0neg; 
      return { name: m, y0: y0neg += d[m], y1: y1 }; 
     } 
    }); 
    newD.totalPositive = d3.max(newD.values, function (v) { return v.y1}); 
    newD.totalNegative = d3.min(newD.values, function (v) { return v.y0 }); 
    arranged.push(newD); 
}); 

이것은 데이터를 정렬하는 방법이다. 변수 x가 주어진 x 좌표에 대한 각 항목의 값을 보유하고 있다고 가정합니다. 항목의

{ 
    'xcoord':'january', 
    'gains': 100, 
    'otherGains':20, 
    'loses': -50 
} 

이름은 쇼로 도메인에 매핑 할 필요가 다음 각 달 동안 우리가 데이터를 집계해야한다 : 데이터 수집과 같은 값의 목록입니다. 해당 달의 각 항목에 대해 y0 및 y1 좌표가 있습니다. 올바른 y0와 y1 좌표를 갖기 위해서는 음수와 양수 값에 대한 별도의 카운터가 있어야합니다.