Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: 2 wykresy w 1 pliku
Forum PHP.pl > Forum > PHP
csharnas
Witam mam problem z wykresem mianowicie chciałbym w pliku strona.php wygenerować 2 wykresy graficzne highcharts.

Gdy dodam 1 wykres jest wszystko wporządku ale gdy dodam drugi taki sam to już sie ten drugi wykres nie wyswietli

tak wyglada kod php pliku strona.php

  1. <center>
  2.  
  3. <script src="http://code.highcharts.com/highcharts.js"></script>
  4. <script src="http://code.highcharts.com/modules/exporting.js"></script>
  5. <script src="/staty.css"></script>
  6.  
  7.  
  8.  
  9. <script>
  10. $(function () {
  11. $('#container').highcharts({
  12. title: {
  13. text: 'Statystyki z ostatnich 24h',
  14. x: -20 //center
  15. },
  16. subtitle: {
  17. text: 'Lista serwerów',
  18. x: -20
  19. },
  20. xAxis: {
  21. categories: [
  22. <?php
  23. $wynik= mysql_query("SELECT * FROM statystyki_serwerow ORDER BY czas DESC LIMIT 24");
  24. while($r_gracze = mysql_fetch_array($wynik)) {
  25. echo "'".$r_gracze['godzina'].":00', ";
  26. }?>
  27.  
  28. ]
  29. },
  30. yAxis: {
  31. title: {
  32. text: 'Liczba'
  33. },
  34. plotLines: [{
  35. value: 0,
  36. width: 1,
  37. color: '#808080'
  38. }]
  39. },
  40. tooltip: {
  41. valueSuffix: ''
  42. },
  43. legend: {
  44. layout: 'vertical',
  45. align: 'center',
  46. verticalAlign: 'bottom',
  47. borderWidth: 1
  48.  
  49. },
  50. series: [{
  51. name: 'graczy online',
  52. data: [
  53. <?php
  54. $wynik= mysql_query("SELECT * FROM statystyki_serwerow WHERE ip='".$_GET['ip']."' ORDER BY czas DESC LIMIT 24");
  55. while($r_gracze = mysql_fetch_array($wynik)) {
  56. echo "".$r_gracze['graczy'].", ";
  57. }
  58. ?>
  59.  
  60.  
  61. ]
  62.  
  63. }]
  64. });
  65. });
  66. </script>
  67.  
  68.  
  69. <div id="container" style="min-width: 310px; height: 250px; margin: 0 auto"></div>
  70.  
  71. </center>
  72.  
  73. <center>
  74.  
  75. <script src="http://code.highcharts.com/highcharts.js"></script>
  76. <script src="http://code.highcharts.com/modules/exporting.js"></script>
  77. <script src="/staty.css"></script>
  78.  
  79.  
  80.  
  81. <script>
  82. $(function () {
  83. $('#container').highcharts({
  84. title: {
  85. text: 'Statystyki z ostatnich 24h',
  86. x: -20 //center
  87. },
  88. subtitle: {
  89. text: 'Lista serwerów',
  90. x: -20
  91. },
  92. xAxis: {
  93. categories: [
  94. <?php
  95. $wynik= mysql_query("SELECT * FROM statystyki_serwerow ORDER BY czas DESC LIMIT 24");
  96. while($r_gracze = mysql_fetch_array($wynik)) {
  97. echo "'".$r_gracze['godzina'].":00', ";
  98. }?>
  99.  
  100. ]
  101. },
  102. yAxis: {
  103. title: {
  104. text: 'Liczba'
  105. },
  106. plotLines: [{
  107. value: 0,
  108. width: 1,
  109. color: '#808080'
  110. }]
  111. },
  112. tooltip: {
  113. valueSuffix: ''
  114. },
  115. legend: {
  116. layout: 'vertical',
  117. align: 'center',
  118. verticalAlign: 'bottom',
  119. borderWidth: 1
  120.  
  121. },
  122. series: [{
  123. name: 'graczy online',
  124. data: [
  125. <?php
  126. $wynik= mysql_query("SELECT * FROM statystyki_serwerow WHERE ip='".$_GET['ip']."' ORDER BY czas DESC LIMIT 24");
  127. while($r_gracze = mysql_fetch_array($wynik)) {
  128. echo "".$r_gracze['graczy'].", ";
  129. }
  130. ?>
  131.  
  132.  
  133. ]
  134.  
  135. }]
  136. });
  137. });
  138. </script>
  139.  
  140.  
  141. <div id="container" style="min-width: 310px; height: 250px; margin: 0 auto"></div>
  142.  
  143. </center>
Pyton_000
To że skopiujesz kod i wkleisz go to nie oznacza że jest to dobrze i zadziała.

Nie musisz 2x ładować tych samych bibliotek i styli,

Kod
$('#container')

w drugim przypadku musi być inne tak samo kontener w którym ma być wyświetlany.
dodaj coś na koniec, i to samo do ID kontenera w którym ma być.
csharnas
działa dzięki wielkie za pomoc
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.