javascript - d3 图中的事件

标签 javascript d3.js nvd3.js

我正在使用 nvd3 http://nvd3.org/ghpages/lineWithFocus.html 中的行字符 我想自定义工具提示事件(当您将鼠标悬停时阻止它们淡出)并添加其他事件,例如单击。

如何添加事件以及如何选择从 json 文档绘制的点(即单击某个点会触发事件)。

谢谢!

我知道谷歌是一个东西,我已经尝试过了。

最佳答案

遗憾的是,NVD3 在处理此类问题时不太灵活。要自定义您提到的行为,最好在纯 D3 中构建图表。开始时这会有点困难,但之后你可以很容易地做你想做的一切。

一个好的起点可能是 this example 。 D3 网站上还有更多内容,包括交互、工具提示等。

关于javascript - d3 图中的事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16396402/

相关文章:

d3.js - 如何使用 nvd3.js multiBarChart 正确显示堆叠数据

javascript - HTML 页面中的 Javascript 事件循环何时触发?

javascript - React JS Dropdown onchange 功能不起作用。尝试了几种方法都没有成功

javascript - jQuery autocomplete json source - 不自动完成,但只显示完整列表

javascript - 如何创建鼠标悬停时显示的可点击元素?

javascript - 强制布局中的 D3 CSS 自定义颜色

javascript - 如何使用 D3 将 JSON 数据更改为 Javascript 对象数组

javascript - <g> 使用交互式指南时属性转换 ="translate(NaN,NaN)"

javascript - 将缓冲区数据转换为图像

css - 使用 NVD3 库的文本 SVG 样式