An Example of a Google Bar Chart

by ccordero

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <div id="chart_div"></div>

JavaScript

google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawBasic);

function drawBasic() {

      var data = google.visualization.arrayToDataTable([
        ['Food', 'Budgeted', 'Spent'],
        ['Pizza', 8175000, 7854695],
        ['Hamburger', 0, 2792000],
        ['Milkshake', 2695000, 0],
        ['Paella', 0, 0]
      ]);

      var options = {
        title: 'Food budgeted vs food spent',
        bar: {
        	groupWidth: '75%',
          
         },
        chartArea: {width: '50%'},
        hAxis: {
          title: '$',
          minValue: 0,
          gridlines: {color: 'red'}
        },
        vAxis: {
          title: 'Food',
          gridlines: {color: 'red'}
        }
      };

      var chart = new google.visualization.BarChart(document.getElementById('chart_div'));

      chart.draw(data, options);
    }