D3 наведение курсора мыши на каждую диаграмму на странице с несколькими диаграммами

#javascript #d3.js #onmouseover

Вопрос:

Я создал веб-страницу с несколькими диаграммами, используя D3 и объектно-ориентированное программирование.

Рабочий код —> >https://codepen.io/mohan-ys/pen/rNwKNdj

Я попытался добавить mouseover эффект к диаграммам. Однако, как вы можете видеть, вертикальная линия появляется только на одном графике, но пузырьки появляются на всех графиках.

Я бы хотел

  1. Пусть вертикальная линия на всех графиках также перемещается с помощью мыши (линий на всех графиках не было в моем плане, но это выглядит круто, так что я хочу попробовать).
  2. Наведите курсор мыши только на ту диаграмму, на которую я наведу курсор мыши. В настоящее время, независимо от того, на каком графике перемещается мышь, на всех графиках отображается эффект наведения курсора мыши.