2017-02-10 12 views
1

Я пытаюсь обнаружить щелчок по линейным диаграммам datapoints.dc lineChart pop up datapoint info on click

За этот ответ (dc scatter plot binding onClick event) Я пытаюсь использовать событие предпереходным, как описано, но я должен быть что-то отсутствует.

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

ответ

1

Каждая диаграмма использует различные элементы и классы для своих диаграмм. В настоящее время это не документировано, поэтому лучше всего перейти к источнику.

В этом случае, вот строка:

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

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

После поиска константы, селектор вы ищете должен быть circle.dot

Я добавил вопрос для их документирования.

https://github.com/dc-js/dc.js/issues/1278

+0

Спасибо - очевидное должно быть, но не всегда. (Для меня, по крайней мере.) – crashwap

+0

Привет, Гордон, [это (новый) вопрос) (http://stackoverflow.com/questions/42194534/dc-js-access-data-points-in-multiple-charts -when-click-datapoint-in-first-chart), если у вас есть момент, чтобы взглянуть. – crashwap