添加工具提示以折叠图表

Question

我正在尝试将工具提示添加到折叠图表中。我能够使用mouseon和mouseout事件添加工具提示。但挑战是我无法在该工具提示上应用我自己的css。我的代码是

  function mouseover(d) {
d3.select(this).append("text")
    .attr("class", "hover")
    .attr('transform', function(d){ 
        return 'translate(5, -10)';
    })
    .text(d.name + ": " + d.id);

}

Answer 1

只需添加必要的css：

.hover{
    fill: red;
}

示例here。