сложный динамический линейный график d3.js

Question

Любая идея, как я могу сделать этот динамический линейный граф сложным? http://jsfiddle.net/praveen_jegan/QBDGB/6/

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

Есть ли у кого-нибудь пример?

Answer 1

Вы можете проверить пример streamgraph на d3js.org http://bl.ocks.org/mbostock/4060954

Answer 2

Все, что вам нужно сделать, это создать новый набор данных, представляющий собой стек версии ваших старых данных.

Следующие строки будут делать это для примера:

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.

Обратите внимание, что при создании моей скрипки мне нужно сначала создать эти данные, вместо новых исходных данных, а также обновить накопленные данные.