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', 'Total', {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'}},
    };

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