Foros del Web » Programando para Internet » Javascript »

Gráfica con datos MySQL

Estas en el tema de Gráfica con datos MySQL en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/10/2014, 05:44
 
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!!

Etiquetas: js, mysql, php, select, valor
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:01.