Nivo: Is there a mouseover/mouseout handler?

[mjsarfatti]

Sometimes you have several charts in your page, and you want to highlight a datum on each chart whenever you hover over a single element. This is usually done with a mouseover/mouseout handler, but I can't seem to find anything available. Only an onClick handler.

Is there a suggested way of enhancing the Nivo components maybe? Or is it something that needs to be baked in?

[plouc]

Not for now, it's not exposed and only used for tooltips, but it could be feasible to use the existing events.

[mjsarfatti]

Is it something you would be interested in?
I have to tackle a project that could make use of Nivo components, but it needs onHover handles. I could fork Nivo, implement it and submit a pull request.

A second thing I'd need is a map/geo component, if it interests you I could develop it as a Nivo component as well.

Let me know :)

[plouc]

Yes, for sure :) Contributions are very welcome!

[lferreira457]

not in the docs, but after going through the code onMouseEnter & onMouseLeave seem to work

[plouc]

Support was added for scatterplot in 0.51.0

[plouc]

Doing a little bit of issues cleanup, I'm closing this one in favor of https://github.com/plouc/nivo/issues/47

[plouc]

@mjsarfatti, regarding charts synchronization, you can now find an example for the scatterplot

[mjsarfatti]

@plouc, awesome. By the way, we finally went online with the project I was working on, and for which I needed some of the extra funcionality. This was all done (with the only exception of the map) with Nivo: http://taxtracker.eu/

[cazapatamar]

@mjsarfatti is your code published at any public repository? Looking your website http://taxtracker.eu/, i can identify some functions such as click events i need to implement into my project, which use nivo.

[mjsarfatti]

@cazapatamar unfortunately I can't open the repository, but everything you see there was eventually made part of nivo. I believe onClick handlers are now part of every (or almost every) chart type, same for onMouseEnter/onMouseLeave.