nvd3.js中的useInteractiveGuideline()存在问题

nvd3.js中的useInteractiveGuideline()存在问题,d3.js,nvd3.js,D3.js,Nvd3.js,我有一个使用交互式指南的图表对象: var chart = nv.models.lineChart(); chart.useInteractiveGuideline(true); [...] 如果我以后(比如在活动期间)通过以下方式清除图表: d3.select("#{{id}} > *").remove(); 然后,我的问题是,当图表区域变为空白(根据需要)时,鼠标工具提示/交互式指南仍然存在 我的问题是:如何在删除图表的同时删除交互式指南?d3。select仅查找与选择器匹配的第一

我有一个使用交互式指南的图表对象:

var chart = nv.models.lineChart();
chart.useInteractiveGuideline(true);
[...]
如果我以后(比如在活动期间)通过以下方式清除图表:

d3.select("#{{id}} > *").remove();
然后,我的问题是,当图表区域变为空白(根据需要)时,鼠标工具提示/交互式指南仍然存在


我的问题是:如何在删除图表的同时删除交互式指南?

d3。select
仅查找与选择器匹配的第一个元素。在这种情况下,这将是绘图的
svg
,而不是
tooltip
,它是
svg
div
同级

而是使用
selectAll
,它将找到
svg
div

d3.selectAll("#{{id}} > *").remove();

在运行
d3.select(“#{{id}}>*”).remove()之前您可以运行

d3.select("#{{id}}")
  .on("mousemove", null)
  .on("mouseout", null)
  .on("dblclick", null)
  .on("click", null);
d3将删除事件侦听器


查看文档

我不确定是否可以,但我会将问题标题改为包含“删除”一词。