Combo Chart Example

An example of a Google Combo Chart.

HTML

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

JavaScript

google.setOnLoadCallback(drawVisualization);

      function drawVisualization() {
        // Some raw data (not necessarily accurate)
        var data = google.visualization.arrayToDataTable([
         ['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', '', {type: 'number', role: 'annotation'}],
         ['Application', 5, 2, 2, 8, 0, 17, 17],
         ['Friend', 4, 3, 5, 6, 2, 20, 20],
         ['Newspaper', 6, 1, 0, 2, 0, 9, 9],
         ['Radio', 8, 0, 8, 1, 1, 18, 18],
         ['No Referral', 2, 2, 3, 0, 6, 13, 13]
      ]);

    var options = {
        isStacked: true,
      	title : 'Monthly Coffee Production by Country',
      	vAxis: {title: 'Cups'},
      	hAxis: {title: 'Month'},
      	seriesType: 'bars',
      	series: {5: {type: 'line', lineWidth: 0}}, 
    };

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