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(drawMultSeries);

function drawMultSeries() {
			var data = google.visualization.arrayToDataTable([
        ['Genre', 'Fantasy & Sci Fi', 'Romance', 'Mystery/Crime', 'General', { role: 'annotation' } ],
        ['2010', 10, 24, 20, 32, ''],
        ['2020', 16, 22, 23, 30, ''],
        ['2030', 28, 19, 29, 30, '']
      ]);

      var options = {
        isStacked: 'percent',
        height: 300,
        legend: {position: 'top', maxLines: 3},
        vAxis: {
          minValue: 0,
          ticks: [0, .3, .6, .9, 1]
        },
        colors:['#999','#346ac9', '#279423', '#fc9826'],
      };

      var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }