Bar Chart Example

An example of a Google Bar Chart.

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>
       <div id="chart_div" style="width: 900px; height: 500px;"></div>

JavaScript

google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Male', 'Female'],
          ['2003',  69.7,      64.8],
          ['2004',  70.5,      66.1],
          ['2005',  70.3,      67.5],
          ['2007',  71.7,      68.3],
          ['2008',  72.2,      69.2],
          ['2009',  72.7,      70.1],
          ['2010',  73.1,      70.9],
          ['2011',  73.7,      71.7],
          ['2012',  74.2,      72.6],
          ['2013',  74.8,      73.7],
          ['2014',  75.6,      74.8],
        
        ]);

        var options = {
          title: ' Upper secondary educational attainment in Greece, (age group 25-64)',
          vAxis: {title: 'Year',  titleTextStyle: {color: 'red'}}
        };

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

        chart.draw(data, options);
      }