Question

所以我正在尝试使用http://jsfiddle.net/fVJBA/并试图在悬停在子节点上时突出显示。在上面的示例中，我们在父节点上绘制了子节点。我的查询是实现与http://www.nytimes.com/packages/html/newsgraphics/2011/0119-budget/类似的效果。我尝试添加

    g.selectAll(".child")
    .data(function(d) { return d.children || [d]})
  .enter().append("rect")
    .attr("class", "child")
          .style("fill", function(d) { return d.children ? color(d.color) : color(d.color); })
    .call(rect);

但这似乎没有做到这一点。任何想法/建议？当我们将鼠标悬停在我们绘制子节点的父节点上时，我需要的是显示子名称/值吗？

Answer 1

通过在.child上添加：.on（“mouseover”，function（d）{console.log（d.value）}）并删除g.append（“rect”）.attr（“class”）来实现这一点。，“parent”）。call（rect）.append（“title”）这有助于获取子节点并从父容器中删除select。希望这有助于解决此问题的人

树图突出显示子节点D3

1 个答案: