Щелкните события каждого графика dc.js

Question

Я использую dc.js для отображения некоторых диаграмм на моей панели инструментов. Я ищу, чтобы обрабатывать каждое событие щелчка диаграммы (например, событие щелчка диаграммы диаграммы, событие щелчка диаграммы и событие мыши вверх для диаграмм диапазона и т. Д.) И сохранять историю щелкнутых диаграмм в базе данных. Таким образом, пользователь сможет увидеть, что пользователь кликов сделал для любого из диаграмм после входа в систему.

Я проверил dc.js для событий щелчка, но я не получаю это правильно.

Может кто-нибудь мне помочь? Любая помощь будет оценена по достоинству.

Answer 1

Это может быть проще и более полезным, чтобы посмотреть «отфильтрованной» события:

chart.on('filtered.monitor', function(chart, filter) { 
    // report the filter applied 
}); 

Я говорю проще, потому что вам не придется беспокоиться о просмотре различных событий для различных графиков. Более полезно, потому что «отфильтрованный» показывает результат нажатия без дальнейшей обработки, поэтому вы можете показать, на что на самом деле смотрели, а не только на то, что было нажато.

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

Если вам действительно нужны события щелчка, вы можете переопределить chart.onClick, назначив ему и вызов старый обработчик (yuck), или вы можете использовать, например.

chart.selectAll('rect.bar').on('click.monitor', ...) 

Но теперь вам нужно взглянуть на источник, чтобы выяснить, что выбрать в каждом графике. И пространство имен здесь важно, потому что вы не хотите вмешиваться в обработку внутренних событий.