堆積的動態線圖d3.js

任何想法，我可以如何使這個動態線圖堆疊？ http://jsfiddle.net/praveen_jegan/QBDGB/6/堆積的動態線圖d3.js

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

有沒有人有任何例子？

來源

2013-07-05 sasha

[此問題]（http://stackoverflow.com/questions/9664642/d3-real-time-streamgraph-graph-data-visualization）應該有所幫助。 –

謝謝你的回覆。 – sasha

回滾到以前的版本。 @sasha我不知道你在做什麼，但這是一個非常糟糕的問題編輯。 – andyb

你可以檢查d3js.org http://bl.ocks.org/mbostock/4060954

來源

2013-07-05 08:55:11

感謝您的回答。我想知道在圖形移動時是否可以製作堆疊圖形。在x軸和y軸移動的時候，我還沒有看到有動態圖形的例子。 – sasha

實時蒸汽圖的例子。 http://lyngbaek.com/real-time-stream-graph.html – widged

的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.

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

來源

2013-07-05 17:57:32 ckersch

非常感謝你的回答:)這很好。但它仍然沒有堆積，我無法填滿該區域。堆疊可以和一個serie一起工作，但是對於多個系列的顏色會崩潰:( – sasha

我不完全確定你的意思。我的例子不是你想要的那種「堆疊」，或者你還有問題與你的代碼？ – ckersch

再次您好:)對不起，我誤解了你，但通過堆積我的意思是一個填充圖。但是您提供的圖表未填充。 – sasha

堆積的動態線圖d3.js

回答

相關問題