Necesito mostrar el resultado de una consulta dentro de un gráfico de Highcharts, he graficado antes con Highcharts, pero no de esta forma, mostrar todos los datos en una sola consulta. Ayuda por favor.
$MES_ACTA3 = $_POST['MES_ACTA3'];
$ANO_ACTA3 = $_POST['ANO_ACTA3'];
$resultado7 = [];
$query= "SELECT PLACA, SUM(VALOR)
FROM `huawei_combustible`
WHERE YEAR(FECHA_TANQUEO) = '$ANO_ACTA3'
AND MONTH(FECHA_TANQUEO) = '$MES_ACTA3' GROUP BY PLACA ORDER BY `SUM(VALOR)` DESC";
$result = mysql_query($query, $conexion);
$valor = mysql_result($result, 0);
$resultado7[] = round($valor, 1);
//Quiero pasar los datos con JSON mediante AJAX
echo json_encode([$resultado7]);
La tabla es esta:
PLACA |FECHA_TANQUEO|VALOR|
-------+-------------+-----+
ABC-123| 2018-01-01 | 100 |
DEF-456| 2018-01-01 | 200 |
GHI-789| 2018-02-02 | 300 |
**SCRIPT**
jQuery(function ($) {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container3',
type: 'bar'
},
title: {
text: '<b></b>Seleccione y Año y Mes...</b>'
},
subtitle: {
text: 'Informe Rollout Mensual'
},
yAxis: {
title: {
text: 'Valores en Miles'
}
},
xAxis: {
categories: []
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: true
}
},
series: [{
name : "COMBUSTIBLE",
data: []
}]
});
$( "#MES_ACTA3" ).change(function() {
var ANO_ACTA3 = $('#ANO_ACTA3').val();
var MES_ACTA3 = $('#MES_ACTA3').val();
chart.setTitle({text: "<b></b>Consumo combustible por vehículo"});
chart.setTitle(null, {text: "<b></b>Informe Rollout Mensual Año 2018"});
$.ajax({
url: "procesar_combustible3.php",
method: "POST",
data: { ANO_ACTA3: ANO_ACTA3, MES_ACTA3: MES_ACTA3},
dataType: "json"
})
.done(function(data) {
console.log(ANO_ACTA3);
console.log(MES_ACTA3);
console.log(data);
chart.series[0].setData(data[0]);
});
});
});