javascript - 单击时恢复 x 轴值 - NVD3 LineChart

标签 javascript jquery d3.js nvd3.js

有什么方法可以在 NVD3 的 lineChart() 中恢复点击事件中的 x 轴值吗?

我得到的最接近的答案是:nvd3.js : unable to bind onClick event with the data points in the svg

但我想要的是恢复 x 轴值并重定向到另一个页面,将其作为参数传递。

我也尝试过这种方法,类似于我在 multiBarChart 上使用的方法,但没有成功:

$("g.nv-point-paths").on("hover", function (d) {
    $("path").off("click");
    $("path").on("click", function (d) {
        //do something with 'd'
    });
});

最佳答案

我一直在使用以下内容:

chart.lines.dispatch.on('elementClick', function(e) { ... }

e 变量包含您需要的所有内容。只需设置一个断点并检查 e var 即可查看如何访问您想要的任何内容。

例子:

chart.lines.dispatch.on('elementClick', function(e) {
alert(e.point.label);
}

关于javascript - 单击时恢复 x 轴值 - NVD3 LineChart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18019048/

相关文章:

javascript - jQuery "for"循环

javascript - 来自 JSON 的 d3 多线图

javascript - d3js 中开始转换的按钮不起作用

javascript - 从 Material-UI 实现日历,在我的一个组件中使用 Hooks

javascript - 如何仅在移动时控制每个 slider 值?

javascript - 如何将 socket.io 与 Node.js 上的一些简单静态 http 服务器结合起来?

javascript - 幻灯片放映淡入淡出效果是抽搐

javascript - 如何在鼠标悬停时在 d3.js 中创建工具提示?

javascript - React-App : Prop is updated after the next event

javascript - 返回包含特定字符串的数组