D3堆叠区域工具提示

Question

我有一个堆叠的区域图表，我正在尝试获得正确的值，但没有真正的想法。我试图在图表上放置一个透明的矩形，但随后意识到我仍然不知道，如何获得值。

.on("mousemove", function(d) {
      tooltip
        .style("display", "inline-block")
        .html(d[0][1]);
    })

这只会给我一个修复值。

这是我的plunker

也许你们有一个主意。

Answer 1

如果检查数据对象（d），尽管它类似于数组，但您可以看到它也具有键和索引属性，这应该引导您进入正确的数据。<<<<<<<</p>

.on("mousemove", function(d) {
  tooltip
    .style("display", "inline-block")
    .html(d[d.index].data[d.key]);
})

密钥由您在plunker中定义的密钥访问堆栈（...）确定。

还请参见堆栈生成器的文档：https：//github.com/d3/d3/d3/d3-shape/blob/master/master/readme.md#stacks