score:1
Accepted answer
It sounds like the issue here is that the circles are receiving pointer events meant for the path beneath them. Assuming you don't need the circles to respond to mouse events, you can just set the style on the circles to pointer-events: none
:
circle {
pointer-events: none;
}
See a demo here: http://jsfiddle.net/cnakf/ - if you remove pointer-events: none
, you'll see that the rect no longer responds.
Source: stackoverflow.com
Related Query
- D3 chloropleth map overlay is hiding tooltip
- D3 js tooltip issue for Chloropleth Map
- Show tooltip on the D3 map
- Adding tooltip in d3.js map
- Adding a Tooltip in D3 to a Google Maps Overlay
- Hiding a tooltip with transition in d3
- How to implement mouse wheel zoom in D3 like Google Map with overlay and Ctrl + Scroll event?
- Tooltip in d3/topojson choropleth map not working
- D3js HTML Tooltip on a Choropleth Map
- How to add a tooltip that shows a bar chart onto a d3.js map
- D3.js, Global Chloropleth / Heat Map . Make Legend Horizontal and Add Black Borders Around Countries
- Different Tooltip for each SVG circle on D3 Map
- Leaflet Google Map and d3 Voronoi diagram overlay
- The ability to download an d3.js overlay on a google map using html2canvas
- Tooltip scaled(zoom) along with d3 geo map
- D3 overlay heatmap onto a map
- Embedded Google Map with d3.js overlay shows UI options and overlay element but NOT the map itself
- D3js Tooltip on country MAP is not coming
- How can I continue displaying a tooltip when it hovers over text in a d3 map
- How to zoom to d3.js svg overlay on google map
- Tooltip issue with a D3 Choropeth Map
- Adding SVG overlay to nokia HERE map
- Center a map in d3 given a geoJSON object
- How to add a tooltip to an svg graphic?
- d3.js Map (<svg>) Auto Fit into Parent Container and Resize with Window
- Overlay d3 paths onto Google Maps?
- How do I show a bootstrap tooltip with an SVG object?
- How to change tooltip content in c3js
- drawing circle with radius specified in meters on a map
- D3 - Positioning tooltip on SVG element not working
More Query from same tag
- Add circles to a line
- How to align two svg's side by side in d3.js
- D3's scale not working properly
- D3js PieChart will not perform UPDATE section
- Accessing data in Tooltip on D3 Multi-line Chart
- D3.js / NVD3.js does not display correct values
- SVG: positioning RECT based on value
- Need to understand how node.js has to be configured to return a javascript library
- Can't access array in Javascript/d3
- Can a streamgraph be zoomable?
- How to merge objects using javascript
- How to Convert to json object
- d3.js topojson based choloropleth map for 170 countries . Show specific country map on selection
- Root element is not showing its children in sunburst
- d3 x axis not starting at 00:00 but instead at 02:00
- Bars zoom on d3.js
- d3.js Lasso Drawing Polygon Shape Search Tool - on a google map (getting the coordinates/users in a given area)
- D3 Bar Chart Values Out of Scale Range
- requirejs - d3.sankey is not a function
- How to make d3js force directed graph less shaky when a node is dragged?
- Moving the Y position of a legend in D3
- Return summary statistics from multiple arrays
- d3 data reshape: properties to array
- JSON call error with d3js
- Is there a way to retrieve the legends from plotly or d3.js
- D3 append element only if element not exist
- D3 updating x-y axes
- How to remove extras lines using stylesheet from axies in the D3.js
- How to display a graph of top n items?
- How to adjust the direction of arrow in d3.js?