知道如何使这个动态折线图堆叠起来吗?http://jsfiddle.net/praveen_jegan/QBDGB/6/
var options = {
series: {
stack: true,
lines: {
show: true,
fill: true
}
},
有没有人有任何例子?
知道如何使这个动态折线图堆叠起来吗?http://jsfiddle.net/praveen_jegan/QBDGB/6/
var options = {
series: {
stack: true,
lines: {
show: true,
fill: true
}
},
有没有人有任何例子?
您需要做的就是创建一个新数据集,它是旧数据的堆叠版本。
以下几行将为您的示例执行此操作:
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} )};
这是创建此数据的最丑陋的方式,但它确实有效。我在这里创建了一个小提琴。
请注意,在使我的小提琴工作时,我需要首先创建此数据,引用此新堆叠数据代替原始数据,并更新堆叠数据。
您可以在 d3js.org http://bl.ocks.org/mbostock/4060954上查看流图示例