HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://www.gstatic.com/charts/loader.js"></script> </head> <body> <div id="point"> </div> <script> google.charts.load('current', {packages: ['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Diameter', 'Age'], [8, 37], [4, 19.5], [11, 52], [4, 22], [3, 16.5], [6.5, 32.8], [14, 72] ]); var options = { title: 'Age of sugar maples vs. trunk diameter, in inches', height: 400, hAxis: { title: 'Diameter' }, vAxis: { title: 'Age' }, legend: 'none', trendlines: { 0: {} // Draw a trendline for data series 0. } }; var chart = new google.visualization.ScatterChart(document.getElementById('point')); chart.draw(data, options); } </script> </body> </html>
OUTPUT
×

Save as Private