Buenas, estoy montando una gráfica la cual me gustaría que recogiera datos de una consulta con una base de datos MySQL, la web la estoy haciendo principalmente en PHP pero para cosas tipo buscador live y esta gráfica utilizo JavaScript, para la gráfica estoy utilizando esta:
www.chartjs.org ya la tengo implementada en la web, ahora he estado buscando de que forma puedo pasar una variable de PHP a Javascript ya que será la condición de la consulta, por otra parte estoy conectando JavaScript a la base de datos, para ello estoy utilizando este manual
http://bicimap.es/wordpress/?p=1459 aquí empiezan mis problemas, ya que no sé si la conexión de la base de datos está siendo la correcta.
Volviendo a la gráfica tengo el siguiente código.
Código Javascript
:
Ver originalvar randomScalingFactor = function(){ return Math.round(Math.random()*100)};
var lineChartData = {
labels : ["Enero(1-15)","Enero(15-31)", "Febrero","Marzo","Abril","Mayo","Junio","Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre", "Febrero","Marzo","Abril","Mayo","Junio","Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
datasets : [
{
label: "Peso",
fillColor : "rgba(220,220,220,0.2)",
strokeColor : "rgba(220,220,220,1)",
pointColor : "rgba(220,220,220,1)",
pointStrokeColor : "#fff",
pointHighlightFill : "#fff",
pointHighlightStroke : "rgba(220,220,220,1)",
data : [102.40,90,90, 89, 87, 82, 79]
}
]
}
window.onload = function(){
var ctx = document.getElementById("canvas").getContext("2d");
window.myLine = new Chart(ctx).Line(lineChartData, {
responsive: true
});
}
por otra parte estoy realizando la consulta a la base de datos, suponiendo que la conexión es correcta tengo este código que hace la consulta:
Código Javascript
:
Ver originalvar arrayResult = new Array();
var arrayResult = mysql_select_query ("SELECT peso FROM user WHERE id = 3");
for (i=0; i< arrayResult.length i++){
var fila = arrayResult[i];
}
Y ahora me pregunto, ¿cómo coloco los valores que recojo con el array en el apartado data: donde se muestran los valores de la gráfica?
Saludos!!