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', 'bar']}); google.charts.setOnLoadCallback(drawStacked); function drawStacked() { var data = google.visualization.arrayToDataTable([ ['City', 'Math', 'Physics', 'Chemistry'], ['Adam', 90, 95, 98], ['Ben', 85, 82, 90], ['charlie', 83, 78, 88], ['Doug', 75, 74, 80], ['Emley', 73, 64, 78] ]); var options = { title: 'Students Mark List', height: 400, width: 600, chartArea: { width: '50%' }, isStacked: true, hAxis: { title: 'Students Name', minValue: 0, }, vAxis: { title: 'Total Marks', gridlines: { count: 4 } } }; var chart = new google.visualization.ColumnChart(document.getElementById('point')); chart.draw(data, options); } </script> </body> </html>
OUTPUT
×

Save as Private