I create a Google charts, in php page

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
    google.charts.load("current", {packages:['corechart']});</script>

<script type="text/javascript"> 
    google.charts.setOnLoadCallback(drawChart);
    function drawChart() {
      var data = google.visualization.arrayToDataTable([
        ["M", "COUNT",{ role: 'style' }],
        
      var view = new google.visualization.DataView(data);
      var options = {
        width: 200,
        height: 400,
        bar: {groupWidth: "95%"},
        legend: { position: "none" },
      };
      var chart1 = new google.visualization.ColumnChart(document.getElementById("columnchart_values1"));
      chart1.draw(view, options);
      document.getElementById("columnchart_values1").style.display = "block";
  }

  </script>

<div style="width:80%;"class="columnchart_values"  id="columnchart_values1"> </div>

The graph is fine, but the page width varies - very large. Why?

enter image description here