Google chart legends - Overlapping text

Question

I\'m using google chart in my page but the legend text is Overlapped, as the image bellow:

This is my code:

Answer 1

Every framework or code that hides the chart DIV using "display: none" will make legends to overlap when the chart is draw inside an inactive DIV.

Hidding the chart DIV with "visibility: hidden" works fine, with no overlapping.

I had this issue and only solved it coding the NAV features by myself, without using Bootstrap/JQuery/etc...