An Example of a Google Bar Chart

by Lachlan Arthur

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <div id="chart_div" style="height: 350px"></div>

JavaScript

google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawMultSeries);

function drawMultSeries() {
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Group');
      data.addColumn('number', '7 Days');
      data.addColumn('number', '30 Days');
      data.addColumn('number', '180 Days');

      data.addRows([
        ['Your Average',        64.6, 57, 33.7],
        ['Institution Average', 64.6, 57, 33.7],
        ['Country Average',     64.6, 57, 33.7],
        ['World Average',       64.6, 57, 33.7],
      ]);

      var options = {
        title: 'Fatigue',
        hAxis: {
        },
        vAxis: {
          title: 'T-Score (mean ± SD)\nGeneral US Population: 50 ± 10'
        },
        legend: 'none',
      };

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

      chart.draw(data, options);
    }