Javascript 使用google图表和PHP显示Y轴标题和x轴标题时出现问题

我有一些与谷歌图表显示相关的CSS问题，问题是我无法查看x轴标题和值，并且y轴标题位于图表中间

这是我的代码：

google.charts.load（'current'{
“包”：[“条”]
});
google.charts.setOnLoadCallback（drawStuff）；
函数drawStuff（）{
var data=new google.visualization.arrayToDataTable（）；
变量选项={
宽度：800，
身高：700，
//图例：{位置：'无'}，
轴标题位置：{
位置：“退出”
},
标题：“室外温度”，
曲线类型：“无”，
图例：{
位置：'底部'
},
图表区：{
排名：0，
身高：200
},
哈克斯：{
是的，
倾斜角度：90
},
图表：{
标题:"BA",，
副标题：“”
},
轴线：{
x:{
0: {
侧面：'底部'，
标签：“创建的总负载”
}//顶部x轴。
},
y:{
0: {
边:"左",，
标签：“月-年”
}//顶部x轴。
}
},
酒吧：{
groupWidth:“50%”
}
};
var chart=new google.charts.Bar（document.getElementById（'top_x_div'）；
//将经典选项转换为材质选项。
绘制（数据，google.charts.Bar.convertOptions（选项））；
}; <
/脚本>

.panel{
填充：0 18px；
显示：无；
背景色：白色；
溢出：隐藏；
}

ABSC

在第一次绘制图表之前，您需要等待面板显示出来。这是一个众所周知的问题。当图表的容器不可见时，图表无法正确计算图表元素的位置。显示面板的代码在哪里？我解决了，这是CSS问题