Charts 谷歌图表图例-重叠文本

我在页面中使用谷歌图表，但图例文本重叠，如下图所示：

这是我的代码：

var dataTable=new google.visualization.dataTable（）；
dataTable.addColumn（“日期”、“数据”）；
dataTable.addColumn（“数量”、“吨/小时”）；
dataTable.addColumn（“数量”、“吨/小时当量”）；
dataTable.addColumn（“数字”，“比索（吨）”；
对于（变量i=0；i图表绘制（数据表、选项）检查隐藏时是否未绘制图表

请参阅以下代码段，默认情况下图表是隐藏的，

然后在图表的
'ready'
事件触发后显示

请注意，它产生的结果与问题中发布的结果相同


google.charts.load（'current'{
回调：函数（）{
var dataTable=new google.visualization.dataTable（）；
dataTable.addColumn（“日期”、“数据”）；
dataTable.addColumn（“数量”、“吨/小时”）；
dataTable.addColumn（“数量”、“吨/小时当量”）；
dataTable.addColumn（“数字”，“比索（吨）”；
对于（变量i=0；i<12；i++）{
var temp=新日期（）；
dataTable.addRow（[新日期（temp.getFullYear（），i））
，（i+2）*6
，（i+1）*12
（i+0）*18]）；
}
var date\u formatter=新的google.visualization.DateFormat({
模式：“MMM/yyyy”
});
日期\格式化程序.format（数据表，0）；
变量选项={
哈克斯：{标题：佩里奥多（mês/ano）}，
系列：{0:{type:'line'，targetAxisIndex:0}，
1:{type:'line'，targetAxisIndex:0}，
2:{type:'bar'，targetAxisIndex:1}
},
图例：{位置：“顶部”，文本样式：{fontSize:14}，
宽度：1200，
身高：500
};
var container=document.getElementById（“div equipmento Produtividade”）；
var chart=新的google.visualization.ComboChart（容器）；
google.visualization.events.addListener（图表'ready'，函数（）{
container.style.display=null；
});
图表绘制（数据表、选项）；
},
软件包：['corechart']
});
在非活动DIV中绘制图表时，使用“display:none”隐藏图表DIV的每个框架或代码都会使图例重叠

使用“可见性：隐藏”隐藏图表DIV效果良好，没有重叠

我遇到了这个问题，只是自己编写了导航功能，没有使用Bootstrap/JQuery/etc解决了这个问题。
你说得对。但我无法隐藏图表？我将编辑我的帖子并添加html代码。你能等到选项卡被选中后再绘制图表吗？目前，数据是通过Ajax调用返回的，我会根据相同的结果填充所有图表。。。除非我将结果存储在会话存储中…当用户单击特定选项卡时，我更改代码并绘制图表，但问题仍然存在。。。事件：$（'.list group li'）。单击（函数（e）{一旦绘制隐藏的图表，重新绘制将不会有帮助。需要等待第一次初始绘制显示。--通常对
宽度进行硬编码可以解决此问题，但此处的情况并非如此。尝试了多个选项进行修复，但均无效。。。