Set a duration to show the tip

[StefanBrandt]

How we can set a duration to show the tip?
like this

.on("mouseover", function(d) {
div.transition()
.duration(200)
.style("opacity", .9);
div .html(formatTime(d.date) + "
" + d.close)
.style("left", (d3.event.pageX) + "px")
.style("top", (d3.event.pageY - 28) + "px");
})
.on("mouseout", function(d) {
div.transition()
.duration(500)
.style("opacity", 0);
});

[skyl]

I would like something similar. I tried to hack show and hide to take arguments, duration/delay. However, if the tip is already fading from a hide, for some reason, the show on another element will not bring the opacity back to 1 until the hide transition is over.

[caged]

You should be able to use css transitions for this. See the examples directory.