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', 'line']}); google.charts.setOnLoadCallback(drawBasic); function drawBasic() { var data = new google.visualization.DataTable(); data.addColumn('string', 'Month'); data.addColumn('number', 'Toyota'); data.addColumn('number', 'Honda'); data.addColumn('number', 'kia'); data.addRows([ ['Jan', 250, 150, 75], ['Feb', 275, 250, 175], ['Mar', 350, 315, 200], ['Apr', 325, 298, 250], ['May', 350, 300, 275] ]); var options = { title:'Total Car Sales of Toyota, Honda and Kia - 2019', width: 600, height: 400, hAxis: { title: 'Month', textStyle: { color: '#1a237e', fontSize: 24, bold: true } }, vAxis: { title: 'Counts', titleTextStyle: { color: 'green', fontSize: 16, fontName: 'Arial', bold: false, italic: true } } }; var chart = new google.visualization.LineChart(document.getElementById('point')); chart.draw(data, options); } </script> </body> </html>
OUTPUT
×

Save as Private