Dual-Y Example

An example of a Google Dual-Y Scatter Chart.

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="scatterchart_material"></div>

JavaScript

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

      function drawChart () {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Course');
        data.addColumn('number', 'Final');

        data.addRows([
        	[0, 1], [1,2], [2,0]
        ]);

        var options = {
          width: 800,
          height: 500,
          vAxis: 
          	{
            "ticks": 
            	[{"v":0,"f":"A"},{"v":1,"f":"B"},{"v":2,"f":"C"}]
            },
        };

        var chart = new google.charts.Scatter(document.getElementById('scatterchart_material'));

        chart.draw(data, google.charts.Scatter.convertOptions(options));
      }