Eu tenho um controller que faz a consulta dos dados, transforma em JSON e manda para a view (que contém a timeline).
O gráfico que está sendo usado é esse: https://developers.google.com/chart/interactive/docs/gallery/timeline#controlling-the-colors
public function monitor_sala()
{
$data = [];
$reservas = ReservaSala::all();
foreach ($reservas as $reserva) {
$obj = array(
$reserva->nome, $reserva->sala, $reserva->hora_pegar,
$reserva->hora_devolver
);
array_push($data, $obj);
}
return view('salas.monitor', compact('data'));
}
Esse é o método que manda o json (data) para a view ....
Na View o código está assim :
<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('example5.1');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'Room' });
dataTable.addColumn({ type: 'string', id: 'Name' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });
dataTable.addRows([
<?php echo json_encode($data) ?>
]);
var options = {
timeline: { colorByRowLabel: true }
};
chart.draw(dataTable, options);
}
</script>
<div id="example5.1" style="height: 100%"></div>
Mas não funciona, só pega quando coloco os dados do exemplo da documentação. Pelo o que diz na documentação pode usar numeros simples para representar a hora (então creio que não seja problema com o formato).