JA Google Chart 3

google.charts.load('current', {'packages':['line', 'corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var chartDiv = document.getElementById('chart_div'); var data = new google.visualization.DataTable(); data.addColumn('date', 'Day'); data.addColumn('number', "Nightly 20% Dextrose intake"); data.addColumn('number', "Glucose Intake Rate/hr (ml)"); data.addRows([ [new Date (2016, 8, 24), 84, 11], [new Date (2016, 8, 25), 90, 11], [new Date (2016, 8, 26), 90, 11], [new Date (2016, 8, 27), 70, 11], [new Date (2016, 8, 28), 71, 11], [new Date (2016, 8, 29), 88, 11], [new Date (2016, 8, 30), 88, 11], [new Date (2016, 9, 01), 87, 11], [new Date (2016, 9, 02), 64, 11], [new Date (2016, 9, 03), 105, 11], [new Date (2016, 9, 04), 94, 11], [new Date (2016, 9, 05), 90, 11], [new Date (2016, 9, 06), 85, 11], [new Date (2016, 9, 07), 60, 11], [new Date (2016, 9, 08), 91, 11], [new Date (2016, 9, 09), 60, 11], [new Date (2016, 9, 10), 74, 11], [new Date (2016, 9, 11), 73, 11], [new Date (2016, 9, 12), 47, 11], [new Date (2016, 9, 13), 94, 11], [new Date (2016, 9, 14), 80, 11], [new Date (2016, 9, 15), 65, 11], [new Date (2016, 9, 16), 117, 11], [new Date (2016, 9, 17), 74, 11], [new Date (2016, 9, 18), 80, 11], [new Date (2016, 9, 19), 106, 11], [new Date (2016, 9, 20), 85, 11], [new Date (2016, 9, 21), 73, 11], [new Date (2016, 9, 22), 94, 11], [new Date (2016, 9, 23), 103, 11], [new Date (2016, 9, 24), 61, 10], [new Date (2016, 9, 25), 89, 10], [new Date (2016, 9, 26), 79, 10], [new Date (2016, 9, 27), 68, 10], [new Date (2016, 9, 28), 80, 10], [new Date (2016, 9, 29), 73, 10], [new Date (2016, 9, 30), 62, 10], [new Date (2016, 9, 31), 80, 10], [new Date (2016, 10, 01), 74, 10], [new Date (2016, 10, 02), 85, 10], [new Date (2016, 10, 03), 80, 10], [new Date (2016, 10, 04), 80, 10], [new Date (2016, 10, 05), 105, 10], [new Date (2016, 10, 06), 88, 10], [new Date (2016, 10, 07), 75, 10], [new Date (2016, 10, 08), 42, 10], [new Date (2016, 10, 09), 81, 10], [new Date (2016, 10, 10), 59, 10], [new Date (2016, 10, 11), 79, 10], [new Date (2016, 10, 12), 59, 10], [new Date (2016, 10, 13), 74, 10], [new Date (2016, 10, 14), 75, 10], [new Date (2016, 10, 15), 80, 10], [new Date (2016, 10, 16), 80, 10], [new Date (2016, 10, 17), 81, 10], [new Date (2016, 10, 18), 75, 10], [new Date (2016, 10, 19), 74, 10], [new Date (2016, 10, 20), 94, 10], [new Date (2016, 10, 21), 83, 9], [new Date (2016, 10, 22), 83, 9], [new Date (2016, 10, 23), 98, 9], [new Date (2016, 10, 24), 88, 9], [new Date (2016, 10, 25), 38, 9], [new Date (2016, 10, 26), 62, 9] ]); var materialOptions = { chart: { title: 'Nightly 20% Dextrose Intake'}, width: 600, height: 400, series: { // Gives each series an axis name that matches the Y-axis below. 0: {axis: 'Volume'}, 1: {axis: 'Rate'} }, axes: { // Adds labels to each axis; they don't have to match the axis names. y: { Volume: {label: '20% Dextrose in ml'}, Rate: {label: 'Intake rate / hr'}, gridlines: {count: 8} } } }; ; function drawMaterialChart() { var materialChart = new google.charts.Line(chartDiv); materialChart.draw(data, materialOptions); } drawMaterialChart(); }