An Example of a Google Bar Chart

HTML

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://www.google.com/jsapi"></script>
<div id="chart_div"></div>

JavaScript

google.load('visualization', '1.1', {packages: ['line']});
google.setOnLoadCallback(drawChart);

function drawChart()
{
    
    var chartStructure = new google.visualization.DataTable();
    var chartData = [];
    var data = [{hour: 9,profit: 4,sales: 1},{hour: 14,profit: 4,sales: 1},{hour: 15,profit: 7,sales: 1}];
    
    chartStructure.addColumn('number', 'Hour');
    chartStructure.addColumn('number', 'Pageviews');
    chartStructure.addColumn('number', 'Unique Pageviews');
    chartStructure.addColumn('number', 'Sales');
    chartStructure.addColumn('number', 'Earnings in $AUD');
    
    for (i = 0; i < data.length; i++)
    {
        chartData[i] = [];
        chartData[i][0] = parseInt(data[i].hour);
        chartData[i][1] = parseFloat(data[i].profit);
        chartData[i][2] = parseFloat(data[i].profit);
        chartData[i][3] = parseFloat(data[i].sales);
        chartData[i][4] = parseFloat(data[i].profit);
        
        chartStructure.addRows(chartData);
    }
    
    var options = {
          title: 'Box Office Earnings in First Two Weeks of Opening',
          hAxis: {
             title: 'Time',
             viewWindow:{
                max:24,
                min:0
             }
          },          
    };
    
    var chart = new google.charts.Line(document.getElementById('chart_div'));
    
    chart.draw(chartStructure, google.charts.Line.convertOptions(options));
}

$(window).resize(function()
{
	drawChart();
});