Hola a todos.
Estoy desesperado, ya que no consigo hacer funcionar las graficas con peticiones ajax al servidor.
Ahora estoy probando con jquery.flot pero nada, no sonsigo sacarle punto, asi que recurro a vosotros a ver si me podeis echar una mano.
Este es el código javascript que tengo
Código:
<!-- jQuery 3 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.7 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script>
<!-- FLOT CHARTS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.resize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.pie.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.categories.min.js"></script>
<script>
$(document).ready(function()
{
cliente = document.getElementById("codigoCliente").value;
$.ajax(
{
url : "core/ss/consumo.php?cliente="+cliente,
method : "GET",
success : function(datos)
{
console.log(datos);
$.plot('#bar-chart', [datos],
{
grid :
{
borderWidth: 1,
borderColor: '#f3f3f3',
tickColor : '#f3f3f3'
},
series:
{
bars:
{
show : true,
barWidth: 0.5,
align : 'center'
}
},
xaxis :
{
mode : 'categories',
tickLength: 0
}
})
},
error : function(data)
{
console.log("ERROR"+data);
}
});
});
</script>
La petición ajax me devuelve lo siguiente:
Pongo link a la imagen, porque parece ser que no se ve en el post
https://imgur.com/a/Zeh66a9
Pero el resultado es una gráfica completamente vacía.
Yo soy más de php y no estoy muy puesto en javascript, cualquier tipo de ayuda es agradecida.