d3.js - nvd3.js 中的 useInteractiveGuideline() 问题

标签 d3.js nvd3.js

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

var chart = nv.models.lineChart();
chart.useInteractiveGuideline(true);
[...]

如果我稍后(比如在事件期间)通过类似这样的方式清除图表:

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

然后对我来说问题是,虽然图表区域被设为空白(根据需要),但鼠标工具提示/交互式指南仍然存在。

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

最佳答案

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

d3.select("#{{id}}")
  .on("mousemove", null)
  .on("mouseout", null)
  .on("dblclick", null)
  .on("click", null);

d3 将删除事件监听器。

查看文档https://github.com/mbostock/d3/wiki/Selections#on

关于d3.js - nvd3.js 中的 useInteractiveGuideline() 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28560835/

相关文章:

javascript - NVD3 : Weird Behavior When Using Date as X-Axis Ticks

javascript - 带动画文字的 D3 Canvas 地球仪

javascript - NVD3.js 中的 .datum 多个值

javascript - 如何从 Angular 4 中的 NVD3 回调导航组件?

svg - 如何在 nvd3 图表中添加边距

javascript - Monaca/Onsen 2.0 - 图表库在 <ons-navigator> 中不起作用(SVG 和 Canvas)

javascript - d3.create() 返回一个带.node() 的元素,但在浏览器中不显示

javascript - 如何根据动态变化的文本来操作节点? (进入/退出/更新)

javascript - D3js 中双重贷款表示的可行性

javascript - D3 无法同时绘制两个画笔