search

plouc / nivo

nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
https://nivo.rocks
MIT License
13.08k stars 1.02k forks source link

What is the documentation for tooltip? #1142

Closed QamarFarooq closed 3 years ago

QamarFarooq commented 3 years ago

I want to know what the documentation is for inputting my own custom tooltip? do i just do tooltip={myFuncThatRenderTooltip}? i have looked at https://github.com/plouc/nivo/issues/192 but i am at a loss

wyze commented 3 years ago

Yes, that is correct. Some charts have stories showing custom tooltips, so you can get an idea of what you can do there.

https://nivo.rocks/storybook

QamarFarooq commented 3 years ago

I have looked at the story book and i just wanted some clarification. You said i could do tooltip={myCustomFuncThatRenderTooltip}, but when i am looking at the code, it only allows me to change certain things. What i wanted was literally my own custom toolkit, where i show a custom graph that i have made from scratch which corresponds to each value that i hover over. Can that be done? or should i migrate to another library? image

plouc commented 3 years ago

@QamarFarooq, you can only customize the tooltip content, if you want to completely change the way the tooltip works, interactions, provided data... then it cannot be easily done.

solcomgit commented 3 years ago

Exist some method when tooltip close?

kamilio commented 3 years ago

Hello @plouc amazing library, works great. Thanks for building it.

I would like to add a link with data breakdown to the tooltip on the Line chart. However, the tooltip would close when hovered over. Do you have any ideas on how to do it? I read through the docs and source code and there doesn't seem to be any solution. You might have some more insights...

azhard4int commented 2 years ago

@kamilio Were you able to do that? I'm looking to do the same.