Event handlers on pie charts?

[erosenberg]

Hello, just wanted to know if it's possible to add event handlers to pie charts. Essentially, I want a label elsewhere on my page to update when I hover over a specific data set. Is this possible? I can work around it, but it would be nice functionality to have if not there already. #

[hshoff]

Hi @erosenberg, thanks for checking out vx! Yes, events on a pie chart are possible.

demo: https://codesandbox.io/s/mjp8lmvop?expanddevtools=1

the important bit:

<Pie
  // ...
  onMouseEnter={data => event => {
    console.log("mouse enter", data.data.letter);
  }}
/>

[erosenberg]

This worked excellently. Thanks, @hshoff ! Was that that somewhere in the docs and I just missed it?
Also, amazing job on this and thanks again for the speedy response!

[libnine]

Any possibility we can get an updated example? I'm trying to do exactly as above but my onMouseEnter function can't seem to grab the section it hovers over. Ultimately, i'm trying to implement a tooltip with the underlying data.

Here's a demo: https://codesandbox.io/s/jolly-burnell-uxzh7?file=/src/App.js

[hshoff]

@libnine sure thing, here ya go: https://codesandbox.io/s/strange-lehmann-vdoff?file=/src/App.js

[libnine]

Thank you so much Harrison!