An Example of a Google Bar Chart

HTML

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<div id="chart_div"></div>

JavaScript

google.load('visualization', '1', {packages: ['corechart', 'bar']});
google.setOnLoadCallback(drawRightY);

function drawRightY() {
      var data = google.visualization.arrayToDataTable([
        ['Locality', 'TNC vehicles', 'Taxi vehicles'],
        
        ['Richmond City', 357, 76],
        ['Henrico', 539, 295],
        ['Chesterfield', 314, 109],
      ]);

      var options = {
        chart: {
          title: 'Taxi and Transportation Network Company Vehicles in Richmond Region',
          subtitle: 'Based on Virginia DMV data as of July 1'
        },
        hAxis: {
          title: 'Total Population',
          minValue: 0,
        },
        vAxis: {
          title: 'City'
        },
        bars: 'horizontal',
        axes: {
          y: {
            0: {side: 'right'}
          }
        }
      };
      var material = new google.charts.Bar(document.getElementById('chart_div'));
      material.draw(data, options);
    }