Joomla - Google chart - Mysql

samurai.sette

Utente Attivo
17 Dic 2015
235
6
18
Ciao a tutti.

Come da oggetto vorrei inserire in una pagina web (realizzato con Joomla) un grafico "Google chart" e i dati si trovano in un database MySql.
Ho scritto un codice PHP che mi permette di recuperare i dati dal database e di inserirlo nel codice HTML fornito da Google stesso.
Se il codice lo inserisco all'interno di Joomla non funziona, ma se lo avvio "normalmente" funziona perfettamente.
Qualcuno sa quale potrebbe essere il motivo?

Ciao, grazie.

Per chi fosse interessato inserisco il codice che ho scritto:
Codice:
<?php

 require_once ("sessioni.php");
 require_once ("testlogin.php"); 

  $user = $_SESSION['username'];

$con=mysql_connect("localhost","root","") or die("Errore di connessione con il database!!!!");
mysql_select_db("monitoraggio", $con);

$sql="SELECT *, COUNT(temperatura) AS 'count' FROM $user GROUP BY id";
$sth = mysql_query($sql) or die('Query fallita: ' . mysql_error());
 
$rows = array();
//flag is not needed
$flag = true;
$table = array();

$table['cols'] = array(
    
    array('label' => 'id', 'type' => 'string'),
    array('label' => 'temperatura', 'type' => 'number')
 
);
 
$rows = array();
if ($sth) {
while($r = mysql_fetch_assoc($sth)) {
    $temp = array();

    $temp[] = array('v' => (string) $r['id']); 
 
    $temp[] = array('v' => (int) $r['temperatura']);
    $rows[] = array('c' => $temp);
}
}
 
$table['rows'] = $rows;
$jsonTable = json_encode($table);

?>


<html>
<head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="jquery.min.js"></script>    
    <script type="text/javascript">
      google.load("visualization", "1.1", {packages:["line"]});
      google.setOnLoadCallback(drawChart);
      
      function drawChart() {
      var data = new google.visualization.DataTable(<?=$jsonTable?>);

var options = {
          chart: {
            title: 'Monitoraggio',
            subtitle: 'Acquisizione di prova',
          }
        };                      
var chart = new google.charts.Line(document.getElementById('linechart_material'));

        chart.draw(data, options);
      }
    </script>    
</head>
<body>
<div id="linechart_material" style="width: 600px; height: 350px;"></div>
<a href="logout.php">Chiudi sessione</a>
</body>

</html>
 

Discussioni simili