Combo Chart Example

An example of a Google Combo Chart.

by amindunited

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="chart_div" style="width: 900px; height: 500px;"></div>

JavaScript

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

      function drawVisualization() {
        // Some raw data (not necessarily accurate)
        var data = google.visualization.arrayToDataTable([
         ['Library', 'jQuery', 'AngularJs', 'Backbone', 'React', 'Average'],
         ['Library',  5,     5,        5,             4,      4]
      ]);

    var options = {
      title : 'Javascript Library Churn',
      vAxis: {title: 'Age'},
      hAxis: {title: 'Month'},
      seriesType: 'bars',
      series: {4: {type: 'line'}}
    };

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