How to add onclick event for each node of scatter chart of NVD3

Question

How to add onclick event for each node of scatter chart of NVD3. see the example

Please help.

possible duplicate of [How to add a click event on nvd3.js graph](http://stackoverflow.com/questions/17598694/how-to-add-a-click-event-on-nvd3-js-graph) — shabeer90, Aug 12 '15 at 08:46
Not a duplicate as the point onClick is much different than bars, unfortunately. — Scott Skiles, Mar 05 '19 at 21:30

score 2 · Answer 1 · edited May 23 '17 at 11:45

2

I prefer Using D3 Dispatch Event

chart.scatter.dispatch.on("elementClick", function(e) {
    console.log(e);
});

API Documents Are Getting Better NVD3 API

edited May 23 '17 at 11:45

Community

answered Aug 12 '15 at 04:30

jawadhoot

score 0 · Answer 2 · answered Aug 11 '15 at 09:07

I am not sure if there is a direct way to accomplish this using NVD3, but I had a similar issue before.

I used the d3.selectAll(), add this code once after the chart is loaded.

d3.selectAll("#chart svg path").on('click', function (e) {
    console.log(e); // Do your stuff here
});

Returns an object like the following when you click on a point

Object {data: Array[4], series: 3, point: 27}

Hope it helps

2 Answers2