You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi. I have a component that lists countries with some statistics, I'd like to be able to trigger a hover event over specific geometry externally. When I hover on the country in a list I'd like all other geometries to change opacity and a specific one to be highlighted.
Is this something that can be achieved? Since nivo does not add any geometry ids or css classes it seems quite challenging to do, but maybe I'm just blind and can't read the docs properly, or it needs to be dealt with at a lower D3 level which I'm not sure nivo exposes.
Looking at the source code it seems like there are no props and handlers that would allow this type of interactivity?
Is there a way to specify some type of selectedGeometryId prop that would enter a "hovered" state for a specific geo. Ideally we would like to change opacity or color for all other geometries on the map, effectively highlighting the one passed.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hi. I have a component that lists countries with some statistics, I'd like to be able to trigger a hover event over specific geometry externally. When I hover on the country in a list I'd like all other geometries to change opacity and a specific one to be highlighted.
Is this something that can be achieved? Since nivo does not add any geometry ids or css classes it seems quite challenging to do, but maybe I'm just blind and can't read the docs properly, or it needs to be dealt with at a lower D3 level which I'm not sure nivo exposes.
Looking at the source code it seems like there are no props and handlers that would allow this type of interactivity?
Is there a way to specify some type of
selectedGeometryId
prop that would enter a "hovered" state for a specific geo. Ideally we would like to change opacity or color for all other geometries on the map, effectively highlighting the one passed.Beta Was this translation helpful? Give feedback.
All reactions