使用Google图表和PHP

如何解决使用Google图表和PHP

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

这是我的代码：

google.charts.load('current',{
  'packages': ['bar']
});
google.charts.setonLoadCallback(drawStuff);

function drawStuff() {
  var data = new google.visualization.arrayToDataTable(<?PHP echo json_encode($data,JSON_NUMERIC_CHECK); ?>);

  var options = {
    width: 800,height: 700,// legend: { position: 'none' },axisTitlesPosition: {
      position: 'out'
    },title: 'Outside Temperature',curveType: 'none',legend: {
      position: 'bottom'
    },chartArea: {
      top: 0,height: 200
    },hAxis: {
      slantedText: true,slantedTextAngle: 90
    },chart: {
      title: 'BA',subtitle: ''
    },axes: {
      x: {
        0: {
          side: 'bottom',label: 'TOTAL LOADS CREATED'
        } // Top x-axis.
      },y: {
        0: {
          side: 'left',label: 'MONTH YEAR'
        } // Top x-axis.
      }
    },bar: {
      groupWidth: "50%"
    }
  };

  var chart = new google.charts.Bar(document.getElementById('top_x_div'));
  // Convert the Classic options to Material options.
  chart.draw(data,google.charts.Bar.convertOptions(options));
}; <
/script>

 .panel {
            padding: 0 18px;
            display: none;
            background-color: white;
            overflow: hidden;
            }

<button class="accordion">ABSC</button>
<div class="panel">

  <?PHP
$connection = MysqLi_connect('localhost','root','','testingoforiginal');
 =$result = MysqLi_query($connection,"SELECT * FROM `loads created per month`");
  if($result){
  echo "";
}
                                                
$data = array();
$data[] = ['Month YEAR','TOTAL LOADS CREATED'];
                                                if(MysqLi_num_rows($result) > 0 ){
                                                    while($row = MysqLi_fetch_array($result)) {
                                                    $data[] = [$row['Month YEAR'],$row['TOTAL LOADS CREATED']];
}
}
?>
    <div id="top_x_div" style="width: 800px; height: 800px;"></div>

在这里，当我单击按钮（可折叠按钮）时，它将打开面板。我不明白在中间显示轴而不显示x轴值和标题的原因是什么。