Enhancement: support Tooltip opening on hover of specific chart element (Bar, Line Coordinate, etc.)

[ThuanNIT]

No description provided.

[ThuanNIT]

Can we make the feature like @ckifer customized like this?
https://codesandbox.io/s/recharts-custom-tooltip-forked-huz2ub?file=/src/ExampleChart.jsx:1596-1607

[ckifer]

Hi @ThuanNIT - this is a valid feature request but can you edit the title to reflect that? Something like "Enhancement: support Tooltip opening on hover of specific chart element" Thanks

[nikolasrieble]

The Tooltip behaviour needs improvement, agree. If you could spend more time documenting the expected behaviour in this issue, that would highly increase the chance of us looking into it.

How would that behave for Dots? How would it work for lines? How about the Area?

[ckifer]

IMO we need two different modes. One that maintains the current behavior - one that is scoped to the chart elements. Bar is easy (only show within rect bounds). Line would be only show on hover dot. Area would be within the area only to closest dot. Composed would be interesting

[linaffilomania]

IMO we need two different modes. One
can use this in pieChart ?

[ckifer]

Polar charts would be a little different but yeah the idea would be the same. (Although I think they behave closer to this way now than Cartesian graph items)

[linaffilomania]

Polar charts would be a little different but yeah the idea would be the same. (Although I think they behave closer to this way now than Cartesian graph items)

https://codesandbox.io/embed/epic-herschel-w6j7se?file=/src/App.js&codemirror=1
I'm trying to use it here and can't, I'd appreciate some help

[ckifer]

I added a tooltip to your example, but I'm confused at what you're tying to do.

https://codesandbox.io/s/intelligent-northcutt-x3ch1r?file=/src/App.js