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

时间:2019-03-18 13:37:48

标签: javascript d3.js c3.js

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

Component1

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

禁用所有我无法显示的图表的工具提示 谁知道如何在看不见的点关闭事件?

指针事件-对我不起作用

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

1 个答案:

答案 0 :(得分:1)

即使一个点不可见,也会触发鼠标事件。有两种解决方案:

  1. 使用CSS样式display: none;隐藏该点,这将从DOM中删除该点,因此可以防止发生mouseenter / mouseover事件。
  2. 在您的工具提示代码中添加检查以检查当前元素是否不可见(如果使用的是d3-tip,只需为tooltip.show()创建一个带有附加条件的包装器)