From the discussion with you, I think canvas-based drawing for d3 is not supported with usual mouse event. My source of info:
To quote the important part:
If you’ve been paying attention, you’re probably asking yourself now “what about mouse events?!” Good call. Sadly, this approach does not allow us to use the wonderful on event listener that we can normally attach to selections and react to. The most we can do is attach a mouse listener to the canvas element itself, get the x and y coordinates of the pointer and proceed to resolve that somehow ourselves.
- onMouseOver event doesn't work on canvas / d3 (tooltip)
- d3.on("mouseover") event does not work with nested SVG elements
- How can I add a click event to show a tooltip in an NVD3 Pie Chart?
- Why does event listener callback function only work inside function scope?
- Canvas tooltip to appear outside canvas?
- The mouseover event for D3.js does not work in Leaflet
- Mousemove event won't fire on canvas even if z-index is max
- D3 Click event doesn't work after re-appending path
- responsive canvas on window resize event
- How to trigger onmouseover event on chart label in D3
- Tooltip for D3 Heatmap canvas
- d3 mouseover event doesnot work for all rect
- Why Do I need to use Custom Event for Tooltip and Brush in D3?
- map json works on Geojson.io but it doesnt work on dc.js choropleth map
- how exactly does event handling and filtering work in dc.js?
- d3 onmouseover path event selects area under the line
- d3js angular directive for area chart using d3.mouse event for tooltip
- getting mouse event to work consistently in d3.js
- <br/> doesn't work to add second line in Tooltip
- Tooltip with own event listeners
- Font icon in SVG doesnt work in IE 11
- Unable to make jQuery resize event work as expected
- Why does external css doesnt work on svg elements in IE using D3
- Is there a way to get specified data through click event using tooltip function in d3 v6.1.1
- d3.js tooltip doesnt show
- d3: setting classes for nodes doesnt work
- D3js pie chart click event not work
- How to add a tooltip to an svg graphic?
- How to invoke "click" event programmatically in d3?
More Query from same tag
- How to drag an rect on an dragable space?
- ungrouping an element in D3
- Show text only after transition is complete d3.js
- D3 Legend not updating
- How can I draw pie chart with custom color in d3.js
- How to add label to visualization in d3
- D3.js json error when making tree
- D3 sorting with an ordinal scale and selecting top 5
- D3.js - Adding a loading notification during AJAX request
- force directed graph - why pointers change size along with the link width
- D3 Selecting an element inside an SVG
- nvd3 multibar chart state incorrectly updating on legend toggle?
- d3js returning "[object%20Object]" and "Uncaught TypeError: Cannot read property: nodes of undefined"
- How to move popup div along with marker in leaflet
- How can I group data to be filtered without losing crossfilter functionality using dc.js?
- Compute a sequence of number whose with fixed min distance and max distance
- Using D3.select to change the thickness of text in a radial dendrogram with a mouseover
- How to load a .csv file into crossfilter with d3?
- c3 graph in a dark background; how to change axis and tick value color
- scope not updating after loading csv file with d3
- Textpath in circle packing not zooming correctly
- Header Requirements to Put MathJax in d3-tips
- insert text in the links of the tree in d3
- Is it possible to import svg shapes in d3.js?
- D3.js selecting a part of data to be visualized from a large dataset
- Force.drag().on returns undefined
- can you set .mouseZoomable(true) and .brush(true) for ordinal dc.js barChart?
- D3.js: Multiple line charts mouseover with same x (time) showing different y (price)
- Loading a huge image (5mb) into svg background leads to pixelation and performance issues