Combo Chart Example

An example of a Google Combo Chart.

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="chart_div" style="width: 100%; min-height: 400px;"></div>

JavaScript

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


      function drawVisualization() {
        var data = google.visualization.arrayToDataTable([
         ['Type', 'Value1', 'Value2'],
         ['Left-1',  0, -5],
         ['Left-2',  0, -3],
         ['Left-3',  0, 0],
         ['Left-4',  3, 0],
         ['Left-5',  5, 0]
      ]);

    var options = {
	    legend: 'none',
      hAxis: {
        minValue: -6,
        maxValue: 6
      }
    };

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