search

c3js / c3

:bar_chart: A D3-based reusable chart library
http://c3js.org
MIT License
9.33k stars 1.39k forks source link

Tooltip with scrollbar #2734

Open amit-1826 opened 4 years ago

amit-1826 commented 4 years ago

I have been stuck since a week trying to apply scollbar to the tooltip in c3 bar chart, However i was successful applying the scollbar but the scollbar isn't working. As soon as i hover over the bar/data i can see the scollbar but not scrolling. I am currently working in angular 8 with c3 chart package. Here is my fiddle (Dont worry about the data as it is json or the array, I have the proper data. Just want the scroll to work): As soon as I try to scroll, the cursor moves away from the bar and the tooltip fades away.

http://jsfiddle.net/qkrw62t9/1/

1Jesper1 commented 4 years ago

I would also like to have this functionality! When you have many items in your tooltip, you can't see all of them, when you scroll the window the tooltip will disappear. Please create a scroll functionality in tooltips.

kmatarese commented 4 years ago

Check out the fiddle from this SO answer. If you modify the .c3-tooltip-container class to have overflow: scroll and set a max-height to your liking you should be able to get scroll behavior in the tooltip.