An Example of a Google Bar Chart

by jpussacq

HTML

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

JavaScript

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

function drawLineColors() {
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'X');
      data.addColumn('number', 'General');

      data.addRows([
        ['1-15', 2], ['2-15', 8],
        ['3-15', 9], ['4-15', 8],
        ['6-15', 7], ['5-15', 10],
        ['7-15', 10], ['8-15', 10]
      ]);

      var options = {
        hAxis: {
          title: 'Tiempo'
        },
        vAxis: {
          title: 'Valor'
        }
      };

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