Scatter Chart Example

An example of a Google Scatter Chart.

HTML

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

<div id="stats"></div>
<div id="xy"></div>
<div id="chart_div" style="width: 900px; height: 500px;"></div>

JavaScript

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

      function drawChart() {
      
      	var dots = [['x', 'x e y']];
        var angle = 45;
        
      	for (var i=0; i<360; i = i+angle) {
        
        	var x = Math.cos(i * Math.PI / 180) * 10;
          var y = Math.sin(i * Math.PI / 180) * 10;
          
        	dots.push([x, y]);
          
          // $('#stats').text($('#stats').text()+' '+i);
          // $('#xy').html($('#xy').html()+'<br/> x='+x+', y='+y);
        }
      
        var data = google.visualization.arrayToDataTable(dots);

        var options = {
          title: 'Cosseno ou Seno (angulo * PI / 180) * raio',
          hAxis: {title: 'x', minValue: 0, maxValue: 15},
          vAxis: {title: 'y', minValue: 0, maxValue: 15},
          legend: 'none'
        };

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

        chart.draw(data, options);
      }