Hi, I hope someone can help me, I have a php code that generates a html code that should draw me 6 graphs but the last one is not visible (not drawed).
What can cause this problem. Code Below: <html> <head> <link rel="stylesheet" type="text/css" href="css/layout.css <http://mobileapps.gs-fresh.com/solarpanels/css/layout.css>" /> <script type ="text/javascript" src="https://www.google.com/jsapi";></script> <script type ="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Day', 'Power Generated'] ,['2014-06-01', 2764200],['2014-06-02', 1267600],['2014-06-03', 1668900],['2014-06-04', 1213500],['2014-06-05', 2346300],['2014-06-06', 1575500],['2014-06-07', 1743600],['2014-06-08', 2782600],['2014-06-09', 2194700],['2014-06-10', 0] ]); var data_current = google.visualization.arrayToDataTable([ ['Day', 'Power Generated'] ,['2014-06-01', 2764200],['2014-06-02', 1267600],['2014-06-03', 1668900],['2014-06-04', 1213500],['2014-06-05', 2346300],['2014-06-06', 1575500],['2014-06-07', 1743600],['2014-06-08', 2782600],['2014-06-09', 2194700],['2014-06-10', 0] ]); var data2 = google.visualization.arrayToDataTable([ ['Day', 'Power Generated'] ,['2014-06-01', 265300],['2014-06-02', 119600],['2014-06-03', 162600],['2014-06-04', 113200],['2014-06-05', 231300],['2014-06-06', 139000],['2014-06-07', 173800],['2014-06-08', 259100],['2014-06-09', 209000],['2014-06-10', 0] ]); var data3 = google.visualization.arrayToDataTable([ ['Day', 'Power Generated'] ,['2014-06-01', 371700],['2014-06-02', 172800],['2014-06-03', 234900],['2014-06-04', 163100],['2014-06-06', 192900],['2014-06-07', 248900],['2014-06-08', 357800],['2014-06-09', 297000],['2014-06-10', 0] ]); var data4 = google.visualization.arrayToDataTable([ ['Day', 'Power Generated'] ,['2014-06-01', 566800],['2014-06-02', 366400],['2014-06-03', 310700],['2014-06-04', 164300],['2014-06-05', 497300],['2014-06-06', 264400],['2014-06-07', 335900],['2014-06-08', 497700],['2014-06-09', 434800],['2014-06-10', 0] ]); var data6 = google.visualization.arrayToDataTable([ ['Day', 'Power Generated'] ,['2014-06-01', 3968000],['2014-06-02', 1926400],['2014-06-03', 2377100],['2014-06-04', 1654100],['2014-06-05', 3074900],['2014-06-06', 2171800],['2014-06-07', 2502200],['2014-06-08', 3897200],['2014-06-09', 3135500],['2014-06-10', 0] ]); var options = { title: 'Barway Roof', curveType: 'function', legend: { position: 'bottom' }, backgroundColor: { fill: 'transparent' } }; var options2 = { title: 'Social Centre', curveType: 'function', legend: { position: 'bottom' }, backgroundColor: { fill: 'transparent' }, colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'] }; var options3 = { title: 'Barway Hostel', curveType: 'function', legend: { position: 'bottom' }, backgroundColor: { fill: 'transparent' }, colors: ['#00ff00', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'] }; var options4 = { title: 'Manor Farm', curveType: 'function', legend: { position: 'bottom' }, backgroundColor: { fill: 'transparent' }, colors: ['#ffff00', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'] }; var options_current = { title: 'Barway Roof', curveType: 'function', legend: { position: 'top' }, backgroundColor: { fill: 'transparent' }, colors: ['#00ff00', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'] }; var options6 = { title: 'Total', curveType: 'function', legend: { position: 'top' }, backgroundColor: { fill: 'transparent' }, colors: ['#00fff0', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'] }; var chart = new google.visualization.LineChart(document.getElementById('chart_div')); chart.draw(data, options); var chart2 = new google.visualization.LineChart(document.getElementById('chart_div2')); chart2.draw(data2, options2); var chart3 = new google.visualization.LineChart(document.getElementById('chart_div3')); chart3.draw(data3, options3); var chart4 = new google.visualization.LineChart(document.getElementById('chart_div4')); chart4.draw(data4, options4); var chart5 = new google.visualization.LineChart(document.getElementById('chart_div5')); chart5.draw(data_current, options_current); var chart6 = new google.visualization.LineChart(document.getElementById('chart_div6')); chart6.draw(data6, options6); } </script> </head> <body><center><h1>Current Month Data for G's Holding Group Solar Panels</h1> <p><a href="all_data.php <http://mobileapps.gs-fresh.com/solarpanels/all_data.php>"><button class=" myButton">All Data</button></a></p> <div style="position: relative; margin: auto; height: 100%"> <div style="float: left; width: 20%; margin-left: 20px; "> <div id="mini_graph"><div id="chart_div"></div></div> <div id="mini_graph "><div id="chart_div2"></div></div> <div id="mini_graph"><div id="chart_div3 "></div></div> <div id="mini_graph"><div id="chart_div4"></div></div> <div id="mini_graph"><div id="chart_div5"></div></div> </div> <div id="prawe_menu"><div id="chart_div6"></div> </div> </div> </body></html> -- You received this message because you are subscribed to the Google Groups "Google Chart API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-chart-api. For more options, visit https://groups.google.com/d/optout.
