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将删除事件侦听器
查看文档我不确定是否可以,但我会将问题标题改为包含“删除”一词。