D3-一些栏上的工具提示

我这里有个强盗- https://plnkr.co/edit/qDi8bm3xh3hdaV059AXX?p=preview 我有一个柱状图,上面有横条。

当我只停留在红色条上时,我想显示一个工具提示。

我有这个工作,但它只为第一个酒吧工作。

为什么工具提示不适用于具有相同类名的所有红色条。

d3.select('.bar-1').on("mouseover", ()=>{
        d3.select('.chart-tooltip').style("display", null)
    })
    .on("mouseout", ()=>{
        d3.select('.chart-tooltip').style("display", "none")
            .transition()
            .duration(500)
    })
    .on("mousemove", (d)=>{
        let html = 'Tooltip';

        d3.select('.chart-tooltip')
        .style("left", d3.event.pageX + 15 + "px")
        .style("top", d3.event.pageY - 25 + "px")
            .html(html.trim())
    });}