C3.js:删除圆圈后仍显示工具提示

问题描述 投票:0回答:1

我从图表中删除了所有圈子

d3.selectAll('circle').remove();

但当我将鼠标悬停在一个看不见的点上时,我仍然可以看到工具提示enter image description here

禁用所有图表的工具提示我不能知道如何关闭不可见点的事件?

指针事件 - 对我不起作用

circle.style('pointer-events', 'none') 
javascript d3.js c3.js
1个回答
1
投票

即使一个点是不可见的,它也会触发鼠标事件。我想到了两种解决方案:

  1. 使用CSS样式隐藏点display: none;这将从DOM中删除该点,从而阻止mouseenter / mouseover事件。
  2. 在工具提示代码中添加一个检查,以检查当前元素是否不可见(如果您使用的是d3-tip,只需使用添加的条件为tooltip.show()创建一个包装器)
© www.soinside.com 2019 - 2024. All rights reserved.