.offset([- 10 , 0 ]) .html( function (d) { return "<strong>Name</strong> <span style='color:red'>" + d.name + "</span>" ;

添加触发事件

selection

.on('mouseover', tip.show)

.on('mouseout', tip.hide)

从现在开始，每个事件处理程序都将接收事件作为第一个参数 位于此存储库下的 d3 - tip 版本已适应此更改。 它还修复了一个恼人的错误，当多个 DOM 提示实例被创建时，这最终会导致意外和不良结果。 请参阅，但请注意 tip .html API 中的更改。 简短的故事是，您将在 tip .html()中以相同的顺序获得与 tip .show()接收相同的参数。 如果你使用 npm npm i d3 -v6- tip 然后在您的应用程序中像这样使用它 import { tip as d3 tip } from " d3 -v6- tip " ; const tip = d3 tip ( ) 否则，您可以