将StackBar图表从D3.jsVersion 3转换为version 4中的问题

Question

我正在尝试将d3v3堆叠条形图与工具提示(http://bl.ocks.org/mstanaland/6100713)转换为d3v4。经过多次尝试，仍然无法在d3v4中运行图表。目前，在将d3v3代码段改为d4v3代码段时，我遇到了问题。有人能帮我吗。

// Transpose the data into layers
var dataset = d3.layout.stack()(["redDelicious", "mcintosh", "oranges", "pears"].map(function(fruit) {
    return data.map(function(d) {
        return {x: parse(d.year), y: +d[fruit]};
    });
}));

下面是为这项任务引用的链接的一部分。https://github.com/d3/d3/blob/master/CHANGES.md，https://github.com/d3/d3-shape/issues/93，{d3.js}将v3迁移到v4: v3 (d3.layout.stack())错误v4 (d3.stack())上的代码工作

Answer 1

如果你对d3不熟悉的话，当你正在制作新的图表时，我个人会把迈克·博斯托克的任何图表作为基础。

基于这的例子

下面是我从示例中获得的数据的结果(我假设您希望对数据进行硬编码)，包括工具提示。

柱塞

我唯一要做的改变是：

.text(d[1] - d[0]);

在工具提示mousemove事件中，也可以查看变化量g，以便在将来进行进一步的版本转换。