An Example of a Google Bar Chart

by btipling

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

function drawLineStyles() {
      var data = new google.visualization.DataTable();
      data.addColumn('number', 'X');
      data.addColumn('number', 'Dogs');

      data.addRows([
        [0, 0], [19,46], [43,  58], [69, 2]
      ]);
      var options = {
        hAxis: {
          title: 'Time'
        },
        vAxis: {
          title: 'Popularity'
        },
        colors: ['#a52714', '#097138'],
        series: {
          0: {
            lineWidth: 10,
            lineDashStyle: [5, 1, 5]
          },
          1: {
            lineWidth: 5,
            lineDashStyle: [7, 2, 4, 3]
          }
        }
      };

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