Streamgraph D3 v2到D3 ​​v4堆栈问题

时间:2016-11-30 22:12:34

标签: javascript d3.js svg

我正在尝试将流程图示例here从D3 v2迁移到D3 v4

我不知道如何将堆栈代码迁移到v4我查看了文档,但找不到与d3.stack等效的扩展函数。

D3.v2:

var x = d3.time.scale()
.range([0, width]);

var y = d3.scale.linear()
.range([height-10, 0]);
var stack = d3.layout.stack()
.offset("silhouette")
.values(function(d) { return d.values; })
.x(function(d) { return d.date; })
.y(function(d) { return d.value; });

D3.v4:

var x = d3.scaleTime()
.range([0, width]);

var y = d3.scaleLinear()
.range([height-10, 0]);    

var stack = d3.stack()
.offset(d3.stackOffsetSilhouette)
.keys(function(d) { return d.values; })
//.x(function(d) { return d.date; })
//.y(function(d) { return d.value; });

以下是代码https://jsfiddle.net/vcbm1gmv/

的小提琴链接

由于

0 个答案:

没有答案