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([ ['Year', 'Cars', 'Buses', 'Trucks'], ['2013', 1000, 600, 352], ['2014', 1170, 460, 400], ['2015', 660, 1120, 1000], ['2016', 1030, 540, 700] ]); var options = { title: 'Volvo Sales', height: 400, width: 600, hAxis: { title: 'Year', titleTextStyle: { color: '#333' } }, vAxis: { minValue: 0 }, isStacked: true }; var chart = new google.visualization.AreaChart(document.getElementById('point')); chart.draw(data, options); } </script> </body> </html>
OUTPUT
×

Save as Private