Timeline Google Charts mysql
Posté : 19 avr. 2016, 11:44
Bonjour,
Voila j'essais de mettre en place la Timeline Google Charts avec mes données en BDD.
Ce sont des dates de prise de médicament à afficher... Début et fin de prise
J'ai lu la doc de Google mais je n'arrive toujours pas a afficher mon graph....
Est ce que quelqu'un pourrait m'aider ??!
Merci
Voila ce que j'ai dans mon fichier :
Voila j'essais de mettre en place la Timeline Google Charts avec mes données en BDD.
Ce sont des dates de prise de médicament à afficher... Début et fin de prise
J'ai lu la doc de Google mais je n'arrive toujours pas a afficher mon graph....
Est ce que quelqu'un pourrait m'aider ??!
Merci
Voila ce que j'ai dans mon fichier :
Code : Tout sélectionner
<script type="text/javascript" src="../js/jquery1.11.3.js"></script>
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
</head>
<body>
<?php
include_once("../inc/connexion.php");
$query = $mysqli -> query("SELECT * FROM medicament
INNER JOIN compte
ON medicament.cp_id = compte.cp_id
WHERE compte.cp_id = $id_cp
");
$results = array();
while($rows = $query -> fetch_array()){
$results[] = $rows;
$chart = array();
foreach($results as $result)
{
$chart[] = array($result['med_nom'], (int)$result['debut_prise'],(int)$result['fin_prise']);
}
$chart = json_encode($chart);
}
echo $chart;
?>
<div id="timeline" style="height: 180px;"></div>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['timeline']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var container = document.getElementById('timeline');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'med_nom' });
dataTable.addColumn({ type: 'date', id: 'debut_prise' });
dataTable.addColumn({ type: 'date', id: 'fin_prise' });
dataTable.addRows([$chart]);
chart.draw(dataTable);
}
</script>