堆積的動態線圖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.

請注意，在使我的小提琴工作，我需要最初創建此數據，引用這個新的堆疊數據，以取代原始數據，並更新堆疊的數據。