Layer issue on xaxis tooltip

[jimfilippou]

This happens when you have a lot of datasets, any thoughts on solving this?

[junedchhipa]

I think a conditional check is required. If the tooltip height exceeds grid area, the tooltip needs to stick inside the grid area which will prevent getting x-axis tooltip in the way of the general tooltip.

[jimfilippou]

This is the minimum Y that the tooltip can get. The Y here is 0 (lowest) however the data can't fit in there. Instead of calculating Y, the tooltip's items must divide into two lists and not one long list that can't fit in the UI. So I suggest that in the case of multiple datasets, the default behavior should group the datasets decreasing the height.

[junedchhipa]

Good suggestion, I will give it a try

[junedchhipa]

I tried making multiple columns in the tooltip - but it didn't work out great. Many things will have to be taken into consideration when changing tooltip layouts for many items.
So, for time being, I suggest using CSS for styling tooltip (removing paddings/making font size smaller, etc) to accommodate a large number of items into the chart area.

I have prevented the tooltip to go below the chart area preventing drawing it over x-axis tooltip.