Ciao a tutti.
Ho un problema con il mio sito e vorrei chiedere il vostro aiuto, e non sono riuscito a trovare una soluzione.
Come da oggetto dovrei inserire in un articolo un grafico Google chart. Voglio subito sottolineare che i dati presenti nel grafico non sono "fissi" ma cambiano in continuazione e quindi si trovano in un database MySQL. Pertanto ho scritto un codice PHP/HTML che mi permette di visualizzare tale grafico. Se questo codice lo avvio all'esterno di Joomla funziona perfettamente, ma se lo inserisco all'interno di un articolo di Joomla il grafico non si vede!!!
Secondo voi quale può essere il problema?
Ringrazio anticipatamente tutti.
Ciao.
A chiunque fosse interessato a leggere il 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="[url=https://www.google.com/jsapi]https://www.google.com/jsapi[/url]"></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;"><>
<a href="logout.php">Chiudi sessione
</body>
</html>
