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() {
          var data = new google.visualization.DataTable();
      data.addColumn('number', 'Weeks');
      data.addColumn('number', 'Minutes');
      data.addColumn('number', 'Games');
       data.addRows([
     [1,1000,100],
     [2,2000,200],
     [3,3000,300],
     [4,1000,100]
     
     ]);


 var options = { legend: {position: 'none'},


           seriesType: 'bars',    
 
            series: {

              2: {side: 'left', targetAxisIndex:0}, // Right y-axis.
              1:  type: "line", targetAxisIndex:1},
            },
            
              axes: {
            y: {
      				
              2: {side: 'left'} // Right y-axis.
            }
          },

          colors: ["blue", "green"],};


    var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));

    chart.draw(data, options);

    chart.update();
}