[英]stacked dynamic line graph d3.js
關於如何使此動態折線圖堆疊的任何想法? http://jsfiddle.net/praveen_jegan/QBDGB/6/
var options = {
series: {
stack: true,
lines: {
show: true,
fill: true
}
},
有沒有人舉任何例子?
您可以在d3js.org http://bl.ocks.org/mbostock/4060954上查看流圖示例
您需要做的就是創建一個新數據集,該數據集是舊數據的堆疊版本。
以下幾行將為您的示例執行此操作:
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} )};
這是創建數據的最丑陋的方式,但是它起作用。 我在這里創建了一個小提琴。
請注意,在使我的小提琴工作時,我需要首先創建此數據,引用此新的堆棧數據代替原始數據,並更新堆棧數據。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.