Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Jak poprawnie wprowadzić do tablicy dane typu JSON?
zbysiusp
post
Post #1





Grupa: Zarejestrowani
Postów: 65
Pomógł: 0
Dołączył: 11.07.2009

Ostrzeżenie: (0%)
-----

Witam!

Proszę o pomoc w poprawnym zapisaniu danych do tablicy w JS. Dane do zapisu w tablicy pobierane są z pliku data.php. Plik data.php tworzony jest przez odczyt z bazy danych MySQL, z tablicy z czterema polami np: ID (1213), dataczas (2016-04-20 11:20:57), tempwew (27.4), tempzew (13.2). Po odpaleniu pliku data.php w przeglądarce uzyskuję prawidłowe "stringi". Chciałbym poprawnie wprowadzić je do tablicy dataArray, a następnie wygenerować wykres. Napisałem poniższy kod, ale jego działanie jest dalekie od oczekiwań. Na początek chciałbym wyświetlić kilka rekordów jeden pod drugim.

[HTML] pobierz, plaintext 
  1. <!doctype html>
  2. <html>
  3. 	<head>
  4.  
  5.         <meta charset="utf-8">
  6. 		<title>Google Chart in JSP-Servlet</title>
  7.         <script
  8. 			src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  9.         <script type="text/javascript"
  10. 			src="https://www.gstatic.com/charts/loader.js"></script>
  11.  
  12. 		<script type="text/javascript">
  13. 			$(document).ready(function(){
  14.  
  15. 				$.ajax({
  16.  
  17. 					url : "data.php",
  18. 					dataType : "JSON", 
  19. 					success : function(result) {
  20.  
  21. 						google.charts.load('current', {
  22. 							'packages' : [ 'corechart' ]
  23. 						});
  24. 						google.charts.setOnLoadCallback(function() {
  25. 							drawChart(result);
  26. 						});
  27. 					}
  28.  
  29. 				}); // nawiasy ajax
  30.  
  31.  
  32. 				function drawChart(result) {
  33.  
  34. 					var data = new google.visualization.DataTable();
  35. 					data.addColumn('number', 'ID');
  36. 					data.addColumn('number', 'dataczas');
  37. 					data.addColumn('number', 'tempwew');
  38. 					data.addColumn('number', 'tempzew');
  39.  
  40. 					var dataArray = [];
  41.  
  42. 					$.each(result, function(i, obj) {
  43. 					dataArray.push( [obj.ID, obj.dataczas, obj.tempwew, obj.tempzew] );
  44.  
  45. 					for (x=0; x<1; x++) {
  46. 						document.write(dataArray[x] + "<br />");
  47. 					}
  48.  
  49. 					}); // nawaisy each
  50.  
  51. 				} // nawiasy drawChart
  52.  
  53. 				//data.addRows(dataArray);
  54.  
  55. 				var options = {
  56.           		title: 'Company Performance',
  57.           		curveType: 'function',
  58.           		legend: { position: 'bottom' }
  59.         		};
  60.  
  61.  
  62.  
  63.  
  64. 			}); //nawiasy ready
  65.          </script> 
  66.  
  67. 	</head>
  68.  
  69. 	<body>
  70.  
  71.     <table width="200" border="1">
  72.       <tbody>
  73.         <tr>
  74.           <td><div id="piechart_div" style="border: 1px solid #ccc"></div></td>
  75.           <td><div id="barchart_div" style="border: 1px solid #ccc"></div></td>
  76.         </tr>
  77.       </tbody>
  78. 	</table>
  79.  
  80. 	<div id="curve_chart" style="width: 900px; height: 500px"></div>
  81.  
  82.  
  83. 	</body>
  84. </html>
[HTML] pobierz, plaintext


Pozdrawiam

Ten post edytował zbysiusp 22.04.2016, 13:41:13
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 15:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn