Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][MYSQL] Google Charts - pobranie danych z bazy
pshemoNL
post
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 10.10.2015

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


Mam prosty wykres z Google Charts, który z poniższymi danymi działa elegancko.
Potrzebuję zamiast tych demonstracyjnych danych pobrać dane z trzech kolumn z bazy danych i wyświetlać je na wykresie.
Kombinowałem jak koń pod górę testując wiele przykładów i samouczków, aczkolwiek za każdym razem bez sukcesu.

  1. <?php
  2. $json = array();
  3. $dataRow = array(
  4. '2015-01-01',
  5. 6,
  6. 4
  7. );
  8. array_push($json, $dataRow);
  9. $dataRow = array(
  10. '2015-01-02',
  11. 8,
  12. 6
  13. );
  14. array_push($json, $dataRow);
  15. $jsonstring = json_encode($json);
  16. ?>
  17.  
  18. <script src="https://www.gstatic.com/charts/loader.js"></script>
  19. <script type="text/javascript">
  20. google.charts.load('current', {
  21. 'callback': function () {
  22. var data = google.visualization.arrayToDataTable([
  23. [{type: 'string', label: 'Data'}, {type: 'number', label: 'Kurs'}, {type: 'number', label: 'Wolumen'}]
  24. ]);
  25.  
  26. data.addRows(<?= $jsonstring ?>);
  27.  
  28. var options = {
  29. title: 'Internet Performance',
  30. curveType: 'function',
  31. legend: { position: 'top' }
  32. };
  33.  
  34. var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
  35.  
  36. chart.draw(data, options);
  37. },
  38. 'packages': ['corechart']
  39. });
  40. </script>
  41.  
  42.  
  43. <div id="curve_chart" style="height: 400px"></div>
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 19.08.2025 - 12:52