gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 23:59:53 24 4
gpt4 key购买 nike

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

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

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

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

指针事件 - 对我不起作用

circle.style('pointer-events', 'none') 

最佳答案

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

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

关于javascript - C3.js:删除圆圈后仍显示工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55222691/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com