누적 된 동적 선 그래프 d3.js

Question

이 동적 선 그래프를 어떻게 쌓을 수 있습니까? http://jsfiddle.net/praveen_jegan/QBDGB/6/

var options = { 
    series: { 
     stack: true, 
     lines: { 
      show: true, 
      fill: true 
     } 
    }, 

어떤 예도 있습니까?

Answer 1

당신은 당신이해야 할 모든 기존 데이터의 적층 한, 새로운 데이터 세트를 생성하는 것입니다 d3js.org http://bl.ocks.org/mbostock/4060954

Answer 2

에 streamgraph 예를 확인할 수 있습니다. 이것은 당신이이 데이터를 만들 수있는 가장 추한 방법에 관한 것입니다

var data1s = data1; 

var data2s = []; for(var i = 0; i < data1s.length; i++){data2s.push({time: data1[i].time, value: data1s[i].value + data2[i].value} )}; 

var data3s = []; for(var i = 0; i < data2s.length; i++){data3s.push({time: data2[i].time, value: data2s[i].value + data3[i].value} )}; 

var data4s = []; for(var i = 0; i < data3s.length; i++){data4s.push({time: data3[i].time, value: data3s[i].value + data4[i].value} )}; 

,하지만 작동합니다

다음 줄은 예를 들어,이 작업을 수행 할 것입니다. 나는 그것의 바이올린을 만들었습니다 here.

필자의 작업을 만드는데,이 데이터를 처음 생성하고 원본 데이터 대신이 새로운 스택 데이터를 참조하고 누적 데이터를 업데이트해야합니다.