Guest User

Untitled

a guest
Oct 2nd, 2018
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.12 KB | None | 0 0
  1. <!Doctype html>
  2. <html>
  3. <body>
  4. <?php
  5. $servername = "localhost";
  6. $username = "root";
  7. $password = "";
  8. $database = "daylight";
  9. $conn = new mysqli($servername, $username, $password, $database);
  10. // Check connection
  11. if ($conn->connect_error) {
  12. die("Connection failed: " . $conn->connect_error);
  13. }
  14. $startdate=time()-(time()%(24*3600))-7200;
  15. $enddate=$startdate+365*24*3600;
  16. //echo $startdate."<br>".$enddate;
  17. $s=strftime("%Y-%m-%d", $startdate);
  18. $e=strftime("%Y-%m-%d", $enddate);
  19.  
  20. $Off = 12; //Offset
  21. $A = 4; //Amplidute
  22. $light=0;
  23.  
  24. for($i=$startdate; $i<=$enddate; $i+=$day) //genData (works)
  25. {...}
  26.  
  27. $sql_request = "SELECT * FROM `db` WHERE `Datum` >= '$s' And `Datum` <= '$e'";
  28. $daylight_array=array();
  29. $date_array=array();
  30. foreach($conn->query($sql_request) as $row)
  31. {
  32. $daylight_array[]=$row["Tageslicht"];
  33. $date_array[]=$row["Datum"];
  34. //print $row["Tageslicht"];
  35. }
  36. // echo json_encode($date_array);
  37. // echo json_encode($daylight_array);
  38.  
  39. ?>
  40. <div id="chart" style="width: 900px; height: 500px"></div>
  41.  
  42. <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  43. <script type="text/javascript">
  44. google.charts.load('current', {'packages':['corechart']});
  45. google.charts.setOnLoadCallback(drawChart);
  46.  
  47. var date = <?php echo json_encode($date_array); ?>;
  48. var daylight = <?php echo json_encode($daylight_array); ?>;
  49.  
  50. function drawChart() {
  51. var data = google.visualization.arrayToDataTable()
  52. data.addColumn('string', 'Jahr-Monat-Tag');
  53. data.addColumn('number', 'Sonnenstunden');
  54.  
  55. for(i = 0; i < date.length; i++)
  56. data.addRow([date[i], daylight[i]]);
  57.  
  58. var options = {
  59.  
  60. title: 'Sonnenstunden über das Jahr',
  61. curveType: 'function',
  62. legend: { position: 'bottom' }
  63. };
  64.  
  65. var chart = new google.visualization.LineChart(document.getElementById('chart'));
  66.  
  67. chart.draw(data, options);
  68. }
  69. </script>
  70. </body>
  71. </html>
Add Comment
Please, Sign In to add comment