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([ ['Month', 'USA', 'China'], ['Jan', 30, 35], ['Feb', 25, 30], ['Mar', 15, 26], ['Apr', 10, 20] ]); var options = { title: 'USA vs China weather report', width: 600, height: 400, isStacked: 'relative', legend: { position: 'right', maxLines: 3 }, vAxis: { title: 'Weather in celsius', }, hAxis: { title: 'Months' } }; var chart = new google.visualization.SteppedAreaChart(document.getElementById('point')); chart.draw(data, options); } </script> </body> </html>
OUTPUT
×

Save as Private