在dc.js图表​​中放大后,D3提示工具提示被卡住了

时间:2018-07-28 06:23:50

标签: d3.js tooltip dc.js

我已经使用dc.js创建了具有缩放和画笔功能以及范围选择器子图的堆叠条形图。

Image chart with brush,zoom feature & tool-tips

顶部的图表上有工具提示,使用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) => {  //...});

让我知道在缩放或刷新图表后如何解决工具提示卡住的问题。 预先感谢。

0 个答案:

没有答案