Combo Chart Example

An example of a Google Combo Chart.

by Justin

HTML

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

JavaScript

google.setOnLoadCallback(drawVisualization);

function drawVisualization() {
  var data = google.visualization.arrayToDataTable([
    ['Month', '1', '2', '3', '4', 'Average'],
    ['Before Pallet',  419148.96 ,  339067.06  , 376278.64 ,461635.20 ,1600000],
    ['After Pallet',  683664.03 , 649088.89, 641275.32, 0, 2000000],
  ]);

  var options = {
    title : 'Average Sales Pre and Post Pallet, Segmented by Monthly Sales',
    vAxis: {title: "Sales ($)"},
    hAxis: {title: "Period"},
    seriesType: "bars",
    series: {4: {type: "line"}},
      isStacked: true
  };

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