堆积的动态线图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.

请注意，在使我的小提琴工作，我需要最初创建此数据，引用这个新的堆叠数据，以取代原始数据，并更新堆叠的数据。