Estou a tentar criar gráficos highcharts dinâmicos em php e mysql. Comecei por criar as consultas à base de dados:
$query = "SELECT Descricao, COUNT(Descricao) AS Tarefa FROM raddb.Tarefa AS A LEFT OUTER JOIN raddb.TipoTarefa AS B ON B.Id = A.Tarefa
GROUP BY Tarefa ORDER BY Descricao;";
$viewer = mysqli_query($conn,$query);
$viewer = mysqli_fetch_all($viewer,MYSQLI_ASSOC);
$viewer = json_encode(array_column($viewer, 'count'),JSON_NUMERIC_CHECK);
Segunda consulta:
$sql = "SELECT Colaborador, COUNT(Descricao) AS Tarefa FROM raddb.Tarefa AS A LEFT OUTER JOIN raddb.TipoTarefa AS B ON B.Id = A.Tarefa
GROUP BY Tarefa, Colaborador ORDER BY Descricao;";
$click = mysqli_query($conn,$sql);
$click = mysqli_fetch_all($click,MYSQLI_ASSOC);
$click = json_encode(array_column($click, 'count'),JSON_NUMERIC_CHECK);
Retorno:
Depois como crio o gráfico:
$(function () {
var data_click = <?php echo $click; ?>;
var data_viewer = <?php echo $viewer; ?>;
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Yearly Website Ratio'
},
xAxis: {
categories: ['2013','2014','2015', '2016']
},
yAxis: {
title: {
text: 'Rate'
}
},
series: [{
name: 'Click',
data: data_click
}, {
name: 'View',
data: data_viewer
}]
});
});
</script>
<div class="container">
<br/>
<h2 class="text-center">Highcharts php mysql json example</h2>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-default">
<div class="panel-heading">Dashboard</div>
<div class="panel-body">
<div id="container"></div>
</div>
</div>
</div>
</div>
</div>
Mas quando abro a página com o gráfico, fica em branco como mostro na imagem:
$click = json_encode(array_column($click, 'count'),JSON_NUMERIC_CHECK);
e$viewer = json_encode(array_column($viewer, 'count'),JSON_NUMERIC_CHECK);
porque façovar_dump
ouprint_r
e imprimi null ou vazio.