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="visualization" style="width: 500x; height: 400px;"></div>

JavaScript

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


      function drawVisualization() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'x');
        data.addColumn('number', 'Data');
        data.addColumn('number', 'High');
        data.addColumn('number', 'Low');
        data.addRow(["A", 1, 5.5, 2.3]);
        data.addRow(["B", 2, 5.5, 2.3]);
        data.addRow(["C", 7, 5.5, 2.3]);
        data.addRow(["D", 3, 5.5, 2.3]);
        data.addRow(["E", 6, 5.5, 2.3]);
        data.addRow(["F", 5, 5.5, 2.3]);

 			 // Create and draw the visualization.
        new google.visualization.LineChart(document.getElementById('visualization')).
        draw(data, {
          width: 500, height: 400}
            );

      };