Javascript 堆叠动态线图d3.js

你知道我该怎么做这个动态折线图吗

---

有人有任何例子吗？

您可以在d3js.org上查看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}  )};

var data1s=data1；
var data2s=[]；对于（var i=0；i

这是创建这些数据的最丑陋的方式，但它是有效的。我创造了一把小提琴

---

请注意，在使我的小提琴工作时，我需要首先创建此数据，引用此新的堆叠数据代替原始数据，并更新堆叠数据。

谢谢您的回答。我想知道在图形移动时是否可以制作堆叠图形。我没有看到任何x轴和y轴移动时的动态图形示例。实时蒸汽图示例。应该有帮助。已回滚到以前的版本@萨沙，我不知道你想做什么，但这是一个非常糟糕的问题编辑。非常感谢你的回答：）很好。但它仍然没有堆叠，我无法填充该区域。堆叠适用于一个系列，但对于多个系列，颜色会崩溃：（我不完全确定您的意思。我的示例不是您正在寻找的那种“堆叠”，或者您的代码仍然存在问题吗？再次您好：）抱歉，我误解了您的意思，但堆叠指的是填充图形。但您提供的图表未填充。

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}  )};