Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/10/2014, 05:44
ramondevesa
 
Fecha de Ingreso: noviembre-2010
Mensajes: 234
Antigüedad: 13 años, 5 meses
Puntos: 2
Gráfica con datos MySQL

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 original
  1. var randomScalingFactor = function(){ return Math.round(Math.random()*100)};
  2.         var lineChartData = {
  3.             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"],
  4.             datasets : [
  5.                 {
  6.                     label: "Peso",
  7.                     fillColor : "rgba(220,220,220,0.2)",
  8.                     strokeColor : "rgba(220,220,220,1)",
  9.                     pointColor : "rgba(220,220,220,1)",
  10.                     pointStrokeColor : "#fff",
  11.                     pointHighlightFill : "#fff",
  12.                     pointHighlightStroke : "rgba(220,220,220,1)",
  13.                     data : [102.40,90,90, 89, 87, 82, 79]
  14.                 }
  15.             ]
  16.  
  17.         }
  18.  
  19.     window.onload = function(){
  20.         var ctx = document.getElementById("canvas").getContext("2d");
  21.         window.myLine = new Chart(ctx).Line(lineChartData, {
  22.             responsive: true
  23.         });
  24.     }

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 original
  1. var arrayResult = new Array();
  2.         var arrayResult = mysql_select_query ("SELECT peso FROM user WHERE id = 3");
  3.         for (i=0; i< arrayResult.length i++){
  4.             var fila = arrayResult[i];
  5.         }

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!!