Combo chart

by gdicerbo

HTML

<script src="http://www.google.com/jsapi?dummy=.js"></script>
<div id="visualization"></div>

JavaScript

google.load('visualization', '1.1', {
    'packages': ['corechart']
});
google.setOnLoadCallback(drawVisualization);

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Month', 'Expense','reven','Average'],
    ['2004/05',    -200, 614.6],
    ['2005/06',     -200, 682],
    ['2006/07',    -200,  623],
    ['2007/08',   -200,   609.4],
    ['2008/09',  -200,   569.6]
  ]);
    
  var view = new google.visualization.DataView(data);
  view.setColumns([0, 1, 1]);

  // Create and draw the visualization.
  var ac = new google.visualization.ComboChart(document.getElementById('visualization'));
  ac.draw(view, {
    title : 'Monthly Coffee Production by Country',
    width: 600,
    height: 400,
    vAxis: {title: "Cups"},
    hAxis: {title: "Month"},
    seriesType: "bars",
    series: {1: {type: "line"}}
  });
}