2

I am attempting to detect click on line chart datapoints.

Per this answer ( dc scatter plot binding onClick event ) I am attempting to use the pretransition event as described, but I must be missing something.

lineChart.on('pretransition', function() {
    lineChart.selectAll('path.symbol').on('click', function(d) {
         alert('value: ' + d);
         //How would I pop-up the datapoint values?
    });
});

jsFiddle example

Community
  • 1
  • 1
crashwap
  • 2,846
  • 3
  • 28
  • 62

1 Answers1

2

Each chart uses different elements and classes for its diagrams. This is currently not documented, so the best bet is to go to the source.

In this case, here's the line:

var dots = g.selectAll('circle.' + DOT_CIRCLE_CLASS)

https://github.com/dc-js/dc.js/blob/f7e0a47d1246b95acbc279f14243524a0769fb84/src/line-chart.js#L279

After looking up the constant, the selector you're looking for should be circle.dot

I’ve started documenting selectors in the wiki:

https://github.com/dc-js/dc.js/wiki/Chart-selectors

Gordon
  • 19,811
  • 4
  • 36
  • 74
  • Thanks - the obvious should be, but isn't always. (For me, at least.) – crashwap Feb 10 '17 at 01:50
  • Hi Gordon, [this is a (new) related question](http://stackoverflow.com/questions/42194534/dc-js-access-data-points-in-multiple-charts-when-click-datapoint-in-first-chart) if you have a moment to take a look. – crashwap Feb 13 '17 at 12:32