将更新工具提示添加到流图

Question

我有一个流图，我想添加当鼠标悬停在每个流上时出现的工具提示，就像这个例子一样：

http://archive.stamen.com/mtvmovies-streamgraph/index.html

我的工具提示目前做了类似的事情，但是它们只显示每个流中的第一个值，所以无论我在光标中的哪个位置，我只接收起始值。此外，工具提示不是连续的，所以当我移动光标时，工具提示消失

这是我现在使用的代码。

   var toolTip = vis.selectAll("path")
       .data(data)
       .append("svg:title")
       .text(function(d) {
           return ('Date: ') + formatTime(d.d_date) +
                  (' Money: ') + (d.money) +
                  (' Movie: ') + (d.name)
       });

有人会有任何建议或意见吗？

Answer 1

我想你错过了对enter().append()的号召。除非另有说明，否则元素共享其父级的数据。

/* Join */
var stream = viz.selectAll("path").data(data);

/* Enter */
stream.enter().append("path").append("title");

/* Exit */
stream.exit().remove();

/* Update */
stream
  .attr("d", function(d) { return d.path; })
.select("title")
  .text(function(d) { 
      return ('Date: ') + formatTime(d.d_date) 
        + (' Money: ') + (d.money) 
        + (' Movie: ') + (d.name);
  });