我已经使用dc.js创建了具有缩放和画笔功能以及范围选择器子图的堆叠条形图。
顶部的图表上有工具提示,使用d3-tip可以将鼠标悬停在上面。进行笔刷或缩放后,工具提示通常会卡住并且不会隐藏。
我正在使用以下代码添加工具提示。
.on("pretransition",(c)=> {
this.addTooltip();//calling tool-tip method
})
并使用以下逻辑在不同事件上显示和隐藏工具提示
this.mainChart.selectAll('rect').call(tip)
.on('mouseover', tip.show)
.on('mouseout', tip.hide)
.on('wheel',tip.hide)
.on('mousezoomin.zoom',tip.hide)
.on('mousezoomout.zoom',tip.hide)
.on('mousewheel.zoom', tip.hide)
.on('mouseup', tip.hide)
.on('mousewheel', tip.hide)
.on('mousezoomout', tip.hide)
.on('mousezoomin', tip.hide)
.on('mousemove', (d) => { //...});
让我知道在缩放或刷新图表后如何解决工具提示卡住的问题。 预先感谢。