How to disable reference line and dots on hover?

[stefan-girlich]

I want to disable the default dots and reference line displayed on hover together with the tooltip:

I'm using recharts v2.12.5.

Any idea? I bet there's a property on <Tooltip /> that does exactly that; but I can't figure out which one.

[ckifer]

its on Area - activeDot

https://recharts.org/en-US/api/Area#activeDot

activeDot={false} should do it

[stefan-girlich]

This only works when not using a custom tooltip; not sure if this is a bug or expected.

[ckifer]

Hmm, it works here

Will try it with an Area chart real quick one sec...

[ckifer]

Still works with an AreaChart. So not sure whats going on, can you try to reproduce in a sandbox?

[stefan-girlich]

My bad - I accidentally added cursor={false} to the custom component itself which is also a valid property.
Sorry for the confusion and thanks for the very quick support; I appreciate it.

[ckifer]

No problem!