An Example of a Google Bar Chart

HTML

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

CSS

rect[stroke-opacity]{stroke-width:0 !important;}

JavaScript

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

        function drawStuff() {
          var data = new google.visualization.DataTable();
          data.addColumn('string', 'Country');
          data.addColumn('number', 'At least 80% needed for Beer money!');
          data.addColumn({type: 'string', role: 'tooltip'});
          data.addColumn('number','You earned your Beer money!');
          data.addColumn({type: 'string', role: 'tooltip'});
          data.addRows([
            ['US', 80,'You hit 80% Enrollment!',10,'90% Total Enrollment'],
            ['China', 80,'You hit 80% Enrollment!',10,'90% Total Enrollment'],
            ['Japan', 80,'You hit 80% Enrollment!',5,'85% Total Enrollment'],
            ['Germany', 70,'70% Enrolled',0,''],
            ['France', 60,'60% Enrolled',0,'']
          ]);

    var options = {
        title: 'You\'re school needs a minimum of 80% enrollment for you\'re free beer money',
            chartArea: {width: '50%'},
        hAxis: {
            title: 'Percentage of students enrolled',
            minValue: 100,
            gridlines: {
                count: 6
            }
        },
        legend: { position: 'right', maxLines: 1 },
        vAxis: {
            title: 'college location'
        },
        isStacked: true,
        height: 300
    };

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

    chart.draw(data, options);
}