Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][MySQL][PHP]Google charts dane z mysql
mateoosh_tar
post 19.03.2012, 12:55:55
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 28.07.2011

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

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ć.
Go to the top of the page
+Quote Post
nospor
post 19.03.2012, 13:01:08
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
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.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
mateoosh_tar
post 19.03.2012, 14:25:08
Post #3





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 28.07.2011

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

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 ;]
Go to the top of the page
+Quote Post
nospor
post 19.03.2012, 14:28:26
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
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ąć.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
maviozo
post 19.03.2012, 14:33:23
Post #5





Grupa: Zarejestrowani
Postów: 197
Pomógł: 24
Dołączył: 22.11.2010

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

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.
Go to the top of the page
+Quote Post
mateoosh_tar
post 19.03.2012, 14:38:37
Post #6





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 28.07.2011

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

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 :]

Ten post edytował mateoosh_tar 19.03.2012, 14:41:39
Go to the top of the page
+Quote Post
nospor
post 19.03.2012, 14:43:38
Post #7





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
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ą...


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
mateoosh_tar
post 19.03.2012, 16:58:28
Post #8





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 28.07.2011

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

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...

Ten post edytował mateoosh_tar 19.03.2012, 16:59:13
Go to the top of the page
+Quote Post
jackraymund
post 19.03.2012, 17:15:17
Post #9





Grupa: Zarejestrowani
Postów: 217
Pomógł: 21
Dołączył: 10.06.2011
Skąd: Głogów

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

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

Ten post edytował jackraymund 19.03.2012, 17:21:15


--------------------
Wykonuje zlecenia na pobieranie danych ze stron i różne boty.
Go to the top of the page
+Quote Post
nospor
post 19.03.2012, 20:39:06
Post #10





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
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
Powód edycji: [nospor]:


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 18.06.2025 - 02:15
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn