Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][MySQL][PHP]Google charts dane z mysql
Forum PHP.pl > Forum > Przedszkole
mateoosh_tar
19.03.2012, 12:55:55
Witam. Posiadam tabelę w mysql z danymi rozmiar i pwaga(waga procentowa).

Chciałem wstawić dane z php do skryptu html. Zrobiłem coś takiego, lecz nie działa:

[PHP] pobierz, plaintext 
  1.  
  2. <html>
  3.  
  4.     <?php
  5.     $db = mysql_connect('localhost', 'root', 'admin');
  6. mysql_select_db('nr_id', 'raporty','magazyn', $custombaza);
  7. //polskie kodowanie
  8. mysql_query("SET NAMES utf8");
  9. mysql_query("SET CHARACTER SET utf8");
  10. mysql_query("SET collation_connection = utf8_polish_ci");
  11.  
  12.  
  13. function zrobzmienne()
  14. {
  15.     $wysz_part = mysql_query("select rozmiar,pwaga FROM raporty.37_9_6_10_1") or die('Błąd zapytania: '.mysql_error());
  16.        while ($wysz = mysql_fetch_assoc($wysz_part))
  17.     {
  18.      $asd[''] ='[\''.$wysz['rozmiar'].'\', '.$wysz['pwaga'].'],<br/>';
  19.  
  20.  
  21.     } 
  22. }
  23.  
  24.  
  25.  
  26.  
  27.  
  28.     ?>
  29.   <head>
  30.     <!--Load the AJAX API-->
  31.     <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  32.     <script type="text/javascript">
  33.  
  34.       // Load the Visualization API and the piechart package.
  35.       google.load('visualization', '1.0', {'packages':['corechart']});
  36.  
  37.       // Set a callback to run when the Google Visualization API is loaded.
  38.       google.setOnLoadCallback(drawChart);
  39.  
  40.       // Callback that creates and populates a data table,
  41.       // instantiates the pie chart, passes in the data and
  42.       // draws it.
  43.       function drawChart() {
  44.  
  45.         // Create the data table.
  46.         var data = new google.visualization.DataTable();
  47.         data.addColumn('string', 'Topping');
  48.         data.addColumn('number', 'Slices');
  49.         data.addRows([
  50. <?php
  51. zrobzmienne();
  52. ?>
  53.         ]);
  54.  
  55.         // Set chart options
  56.         var options = {'title':'Procentowy wykres raportu',
  57.                        'width':400,
  58.                        'height':300};
  59.  
  60.         // Instantiate and draw our chart, passing in some options.
  61.         var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
  62.         chart.draw(data, options);
  63.       }
  64.     </script>
  65.   </head>
  66.  
  67.   <body>
  68.     <!--Div that will hold the pie chart-->
  69.     <div id="chart_div"></div>
  70.   </body>
  71. </html>
  72.  
[PHP] pobierz, plaintext


Tutaj podaję linka do przykładu jak powinny być zapisane dane w skrypcie:
http://code.google.com/intl/pl/apis/chart/...uick_start.html

Proszę o podpowiedzi jak powinienem postąpić.
nospor
19.03.2012, 13:01:08
Cytat
Chciałem wstawić dane z php do skryptu html
Super, ale gdzie wstawiasz coś z php do html? Patrze i patrze i nic takiego nie widzę.

edit: by coś pluć do html to trzeba robic echo

nie: $asd[''] ='[\''.$wysz['rozmiar'].'\', '.$wysz['pwaga'].'],<br/>';
a: echo '[\''.$wysz['rozmiar'].'\', '.$wysz['pwaga'].'],<br/>';
I te BR na koncu jest totalnie zbedne.
mateoosh_tar
19.03.2012, 14:25:08
Tfuuu...

nie skryptu html, a sktyptu js...

W podanym przykładzie podałem miejsce gdzie mają być wstawione dane w skrypcie js, mianowicie:


[PHP] pobierz, plaintext 
  1. <?php
  2. zrobzmienne();
  3. ?>
[PHP] pobierz, plaintext



Dane muszą być zapisane w formacie:

['info1', wartość1],
['info2', wartosc2],
itd itd

czyli np:

['Mushrooms', 3],
['Onions', 1],
['Olives', 1],
['Zucchini', 1],
['Pepperoni', 2]


czyli w moim przypadku:

['Rozmiar 0-60', 0.30],
['Rozmiar 60-65', 2.06],
['Rozmiar 65-70', 9.21],
['Rozmiar 70-75', 23.92],
['Rozmiar 75-80', 31.64],
['Rozmiar 80-85', 20.96],
['Rozmiar 85-90', 9.09],
['Rozmiar 90-95', 2.42],
['Rozmiar 95+', 0.32],


stąd funkcja:

[PHP] pobierz, plaintext 
  1.  
  2. function zrobzmienne()
  3. {
  4. $wysz_part = mysql_query("select rozmiar,pwaga FROM raporty.37_9_6_10_1") or die('Błąd zapytania: '.mysql_error());
  5. while ($wysz = mysql_fetch_assoc($wysz_part))
  6. {
  7. $asd[''] ='[\''.$wysz['rozmiar'].'\', '.$wysz['pwaga'].'],<br/>';
  8. }
  9. }
[PHP] pobierz, plaintext


gdy przerobię ją na np:
[PHP] pobierz, plaintext 
  1. function zrobzmienne()
  2. {
  3.     $wysz_part = mysql_query("select rozmiar,pwaga FROM raporty.37_9_6_10_1") or die('Błąd zapytania: '.mysql_error());
  4.        while ($wysz = mysql_fetch_assoc($wysz_part))
  5.     {
  6.      $asd[''] ='[\''.$wysz['rozmiar'].'\', '.$wysz['pwaga'].'],<br/>';
  7.      echo $asd[''];
  8.  
  9.     } 
  10.  
  11. }
[PHP] pobierz, plaintext



otrzymuję prawidłowe wartości w echo. Mam po prostu problem jak wywołać je w zamiast

['Mushrooms', 3],
['Onions', 1],
['Olives', 1],
['Zucchini', 1],
['Pepperoni', 2]

w:

[PHP] pobierz, plaintext 
  1. <html>
  2.   <head>
  3.     <!--Load the AJAX API-->
  4.     <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  5.     <script type="text/javascript">
  6.  
  7.       // Load the Visualization API and the piechart package.
  8.       google.load('visualization', '1.0', {'packages':['corechart']});
  9.  
  10.       // Set a callback to run when the Google Visualization API is loaded.
  11.       google.setOnLoadCallback(drawChart);
  12.  
  13.       // Callback that creates and populates a data table,
  14.       // instantiates the pie chart, passes in the data and
  15.       // draws it.
  16.       function drawChart() {
  17.  
  18.         // Create the data table.
  19.         var data = new google.visualization.DataTable();
  20.         data.addColumn('string', 'Topping');
  21.         data.addColumn('number', 'Slices');
  22.         data.addRows([
  23.           ['Mushrooms', 3],
  24.           ['Onions', 1],
  25.           ['Olives', 1],
  26.           ['Zucchini', 1],
  27.           ['Pepperoni', 2]
  28.         ]);
  29.  
  30.         // Set chart options
  31.         var options = {'title':'How Much Pizza I Ate Last Night',
  32.                        'width':400,
  33.                        'height':300};
  34.  
  35.         // Instantiate and draw our chart, passing in some options.
  36.         var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
  37.         chart.draw(data, options);
  38.       }
  39.     </script>
  40.   </head>
  41.  
  42.   <body>
  43.     <!--Div that will hold the pie chart-->
  44.     <div id="chart_div"></div>
  45.   </body>
  46. </html>
[PHP] pobierz, plaintext


Może teraz troszkę rozjaśniłem ;]
nospor
19.03.2012, 14:28:26
Cytat
Może teraz troszkę rozjaśniłem
Nic nie rozjaśniłeś. Ja od samego początku wiedziałem co chcesz zrobić. A js to nadal "HTML".
Napisałem ci co masz poprawić w pierwszym kodzie. Nic dodać, nic ująć.
maviozo
19.03.2012, 14:33:23
Jeśli chcesz mieć czytelny kod po wypluciu, użyj "\n" zamiast <br>. <br/> jest przecież tagiem html, więc nie możesz go umieszczać w javascript.
mateoosh_tar
19.03.2012, 14:38:37
Poprawiłem kod, podczas wywołania funkcji na początku pięknie wyświetla, lecz wykresu jak nie było, tak nie ma. Co robię źle? Proszę o rady.

Obecnie kod wygląda tak:

[PHP] pobierz, plaintext 
  1. <html>
  2.  
  3.     <?php
  4.     $db = mysql_connect('localhost', 'root', 'admin');
  5. mysql_select_db('nr_id', 'raporty','magazyn', $custombaza);
  6. //polskie kodowanie
  7. mysql_query("SET NAMES utf8");
  8. mysql_query("SET CHARACTER SET utf8");
  9. mysql_query("SET collation_connection = utf8_polish_ci");
  10.  
  11.  
  12. function zrobzmienne()
  13. {
  14.     $wysz_part = mysql_query("select rozmiar,pwaga FROM raporty.37_9_6_10_1") or die('Błąd zapytania: '.mysql_error());
  15.        while ($wysz = mysql_fetch_assoc($wysz_part))
  16.     {
  17.      echo '[\''.$wysz['rozmiar'].'\', '.$wysz['pwaga'].'],<br/>';
  18.  
  19.      } 
  20.  
  21. }
  22.  
  23.  
  24.     zrobzmienne();
  25.  
  26.  
  27.     ?>
  28.   <head>
  29.     <!--Load the AJAX API-->
  30.     <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  31.     <script type="text/javascript">
  32.  
  33.       // Load the Visualization API and the piechart package.
  34.       google.load('visualization', '1.0', {'packages':['corechart']});
  35.  
  36.       // Set a callback to run when the Google Visualization API is loaded.
  37.       google.setOnLoadCallback(drawChart);
  38.  
  39.       // Callback that creates and populates a data table,
  40.       // instantiates the pie chart, passes in the data and
  41.       // draws it.
  42.       function drawChart() {
  43.  
  44.         // Create the data table.
  45.         var data = new google.visualization.DataTable();
  46.         data.addColumn('string', 'Topping');
  47.         data.addColumn('number', 'Slices');
  48.         data.addRows([
  49. <?php
  50. zrobzmienne();
  51. ?>
  52.         ]);
  53.  
  54.         // Set chart options
  55.         var options = {'title':'Procentowy wykres raportu',
  56.                        'width':400,
  57.                        'height':300};
  58.  
  59.         // Instantiate and draw our chart, passing in some options.
  60.         var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
  61.         chart.draw(data, options);
  62.       }
  63.     </script>
  64.   </head>
  65.  
  66.   <body>
  67.     <!--Div that will hold the pie chart-->
  68.     <div id="chart_div"></div>
  69.   </body>
  70. </html>
[PHP] pobierz, plaintext



edit:

Szkodziło <br/>. Nie jest ono zbędne, a szkodzi. Dobra, dzięki za pomoc :]
nospor
19.03.2012, 14:43:38
Cytat
Nie jest ono zbędne, a szkodzi.
Jest to dla mnie niepojęte jak osoby, które dopiero raczkują upierają się przy swoich błędnych teoriach.
Napisałem ci od razu, że BR ma nie być. Nie usunales. Napisalem ci drugi raz to łaskawie usunąłeś ale nadal twierdzisz ze br nie jest zbedne...... Jest. Jak nie rozumiesz składni js to się nie kłóć w tak podstawowych sprawach a posłuchaj co starsi mówią...
mateoosh_tar
19.03.2012, 16:58:28
Rozumiem, nie bulwersuj się. Widzę różnicę między zbędne, a przeszkadzające. Pozostawiłem je, aby przy echo wynik ładnie wyglądał.
Tak, raczkuję, ale mam pełno zapału do nauki. Wiele problemów rozwiązałem sam, a tutaj przez głupie <br/> sobie nie radziłem. Po prostu 1szy raz spotykam się z js.

A teraz następne lamerskie pytanie:

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. $db = mysql_connect('localhost', 'root', 'admin');
  4. mysql_select_db('nr_id', 'raporty','magazyn', $custombaza);
  5. //polskie kodowanie
  6. mysql_query("SET NAMES utf8");
  7. mysql_query("SET CHARACTER SET utf8");
  8. mysql_query("SET collation_connection = utf8_polish_ci");
  9.  
  10.  
  11. $part= '47_7_4_11_1';
  12.  
  13. function zrobzmienne()
  14. {
  15.     $wysz_part = mysql_query("select * FROM raporty.$part") or die('Błąd zapytania: '.mysql_error());
  16.        while ($wysz = mysql_fetch_assoc($wysz_part))
  17.     {
  18.      echo '[\''.$wysz['rozmiar'].'\', '.$wysz['pwaga'].'],';
  19.  
  20.      } 
  21.  
  22. }
  23.  
  24. zrobzmienne();
  25.  
  26.  
  27.  
  28. ?>
[PHP] pobierz, plaintext


dlaczego wyrzuca mi błąd?:

Kod
Błąd zapytania: Incorrect table name ''


zapewne coś powaliłem z ' " { bądź .

I za takie coś zrozumiem jak mnie pojedziecie po całości, bo to naprawde już są podstawy...
jackraymund
19.03.2012, 17:15:17
twoja tabelka nazywa się
raporty47_7_4_11_1 ?
z tego co widze to powinna się nazywać
raporty.47_7_4_11_1
[PHP] pobierz, plaintext 
  1. $wysz_part = mysql_query("select * FROM raporty.47_7_4_11_1") or die('Błąd zapytania: '.mysql_error());
[PHP] pobierz, plaintext

kropką tylko łączysz zmienna ze stringiem
nospor
19.03.2012, 20:39:06
Cytat
a tutaj przez głupie <br/> sobie nie radziłem. Po prostu 1szy raz spotykam się z js.
Nie radziłeś sobie przez:
1) brak echo - nieumiejętność skakania między php a html/js
2) br
3) niesłuchanie bardziej doświadczonych. Nieznajmośc danej tematyki nie jest tu wytłumaczeniem. Wręcz przeciwnie, powinienies bardziej przykładać się do tego co ci piszą, skoro nie znasz sie na danej rzeczy

Co do kolejnego problemu:
poczytaj o zasięgu zmiennych. Manual php bardzo ładnie to opisuje.

I włącz wkońcu wyświetlanie wszystkich błędów - będziesz je widział czarno na białym na ekranie monitora.
Temat: Jak poprawnie zada pytanie
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.