d3堆积区域工具提示

时间:2017-12-01 00:16:26

标签: d3.js charts tooltip stacked

我有这个堆积区域图表,我试图获得正确的值,但不知道如何。 我试图在图表上放置一个透明的矩形,但后来意识到我仍然不知道如何获得这些值。

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

这只会给我一个固定值。

这是我的plunker

也许你们有个主意。

1 个答案:

答案 0 :(得分:0)

如果您检查数据对象(d),虽然它是类似数组的,但您可以看到它还具有键和索引属性,这应该会引导您找到正确的数据。

Error in valuesById(object, results_dict, sym_data, solver) : 
Solver failed. Try another.

密钥由您在plunker中定义的密钥访问器stack.keys(...)确定。

另请参阅堆栈生成器的文档:https://github.com/d3/d3-shape/blob/master/README.md#stacks