События мыши и кисть в D3

В настоящее время я пытаюсь настроить пример диаграммы временного ряда, найденной по адресу http://nvd3.com/ghpages/lineWithFocus.html.. Это реализовано с помощью nvd3, библиотеки поверх d3. Я хотел бы иметь всплывающие подсказки для точек данных, как на верхнем графике, но также хотел бы иметь возможность выбирать диапазон на том же графике, что и на нижнем графике «видоискатель» в примере.

С этой целью я добавил «кисть» к примеру базовой линейной диаграммы (, см. http://nvd3.com/ghpages/line.html).. Выбор диапазона работает как шарм, однако всплывающие подсказки для точек данных больше не работают, за исключением точек, которые находятся вне диапазона осей. Кажется, что точки данных, лежащие в области кисти, больше не получают событий мыши и что кисть поглощает их все.

Что нужно изменить, чтобы точки данных строк получали события мыши (, в частности наведение мыши, мне не нужен щелчок )?

Попытка будет заключаться в том, чтобы перехватить все события, используя

d3.select(window).on("...", function) 

а затем инициировать некоторое событие «наведения курсора» на точки данных, если это применимо. Как этого добиться? (Я не хочу просматривать все точки данных, а затем проверять, какая из них ближе всего к событию мыши... )? Есть ли более простой способ?

12
задан Marc Zimmermann 2 August 2012 в 14:21
поделиться