Foros del Web » Programando para Internet » Javascript »

graficos con js y php

Estas en el tema de graficos con js y php en el foro de Javascript en Foros del Web. Hola, tengo un js que crea gráficos de estadísticas cuyo código es: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original azure. chart = function ( ) ...
  #1 (permalink)  
Antiguo 11/10/2010, 14:20
Avatar de destor77  
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.654
Antigüedad: 19 años, 5 meses
Puntos: 43
graficos con js y php

Hola,
tengo un js que crea gráficos de estadísticas cuyo código es:
Código Javascript:
Ver original
  1. azure.chart = function ()
  2. {
  3.     var pub = {};
  4.     var self = {};
  5.    
  6.     pub.draw = function ()
  7.     {
  8.         self.drawChart ();
  9.         self.tooltip ();
  10.            
  11.         return false;
  12.     }
  13.     self.drawChart = function ()
  14.     {
  15.         var visitor = [];
  16.         visitor.push([1, 3500]);
  17.         visitor.push([2, 3000]);
  18.         visitor.push([3, 5000]);
  19.         visitor.push([4, 8200]);
  20.         visitor.push([5, 6700]);
  21.         visitor.push([6, 7100]);
  22.         visitor.push([7, 7800]);
  23.         visitor.push([8, 5700]);
  24.         visitor.push([9, 7000]);
  25.         visitor.push([10, 6200]);
  26.         visitor.push([11, 7000]);
  27.         visitor.push([12, 9100]);
  28.         var plot = $.plot($("#placeholder"), [{
  29.             data: visitor,
  30.             label: "Visitors"
  31.         }], {
  32.             series: {
  33.                 lines: {
  34.                     show: true
  35.                 },
  36.                 points: {
  37.                     show: true
  38.                 }
  39.             },
  40.             grid: {
  41.                 hoverable: true,
  42.                 clickable: true
  43.             },
  44.             yaxis: {
  45.                 min: 500,
  46.                 max: 12000
  47.             },
  48.             legend: {
  49.                 show: false
  50.             },
  51.             xaxis: {
  52.                 mode: null,
  53.                 ticks: [
  54.                     [1, "Jan"],
  55.                     [2, "Feb"],
  56.                     [3, "Mar"],
  57.                     [4, "Apr"],
  58.                     [5, "May"],
  59.                     [6, "Jun"],
  60.                     [7, "Jul"],
  61.                     [8, "Aug"],
  62.                     [9, "Sep"],
  63.                     [10, "Oct"],
  64.                     [11, "Nov"],
  65.                     [12, "Dec"]
  66.                 ]
  67.             },
  68.             lines: {
  69.                 show: true,
  70.                 fill: 0.5
  71.             }
  72.         });    
  73.         return false;  
  74.     }
  75.    
  76.     self.tooltip = function ()
  77.     {
  78.         function showTooltip(x, y, contents) {
  79.             $('<div id="tooltip">' + contents + '</div>').css({
  80.                 position: 'absolute',
  81.                 display: 'none',
  82.                 top: y - 30,
  83.                 left: x - 50,
  84.                 border: '1px solid #999',
  85.                 padding: '2px',
  86.                 'background-color': '#EEE',
  87.                 opacity: 0.80
  88.             }).appendTo("body").fadeIn(200)
  89.         }
  90.         var previousPoint = null;
  91.         $("#placeholder").bind("plothover", function (event, pos, item) {
  92.             $("#x").text(pos.x.toFixed(2));
  93.             $("#y").text(pos.y.toFixed(2));
  94.             if (item) {
  95.                 if (previousPoint != item.datapoint) {
  96.                     previousPoint = item.datapoint;
  97.                     $("#tooltip").remove();
  98.                     var x = item.datapoint[0].toFixed(2),
  99.                         y = item.datapoint[1].toFixed(2);
  100.                     showTooltip(item.pageX, item.pageY, "&bull; " + y + " " + item.series.label + " &bull;")
  101.                 }
  102.             } else {
  103.                 $("#tooltip").remove();
  104.                 previousPoint = null
  105.             }
  106.         });        
  107.     }
  108.    
  109.     return pub;
  110. }();
  111.  
  112.  
  113. function drawChart ()
  114. {
  115.    
  116.  
  117.  
  118. }

y lo llamo desde mi header asi:
Código html:
Ver original
  1. <script  type="text/javascript" src="<?php echo $config->get('viewsFolder');?>js/azure.js"></script>
  2.     <script  type="text/javascript" src="<?php echo $config->get('viewsFolder');?>js/azure.chart.js"></script>
  3.     <script  type="text/javascript" src="<?php echo $config->get('viewsFolder');?>js/azure.nav.js"></script>
  4.     <script  type="text/javascript" src="<?php echo $config->get('viewsFolder');?>js/azure.message.js"></script>
  5.     <script  type="text/javascript" src="<?php echo $config->get('viewsFolder');?>js/azure.portlet.js"></script>   
  6. <script type="text/javascript" charset="utf-8">
  7.         $(function ()
  8.         {
  9.         azure.layoutInit ();
  10.         azure.nav.init ();
  11.         azure.portlet.init ();
  12.         azure.message.init ();
  13.         azure.chart.draw ();
  14.  
  15.         $('#dataTable').tablesorter ({ headers: { 4: {sorter: false} } });
  16.         $('#gallery a').lightBox ();
  17.         });
  18.     </script>

hasta ahí todo de maravilla, el tema es que ahora los datos del arreglo visitor los obtengo con php y nose como puedo asignar mi arreglo php para que lo tome el script.
Espero que alguien me pueda dar un mano, desde ya muchas gracias....
  #2 (permalink)  
Antiguo 11/10/2010, 15:03
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: graficos con js y php

tendrias que generar el código javascript desde php de modo que puedas imprimir el arreglo en la ubicación correcta. podrias usar por ejemplo json_encode para convertir el arreglo de php en un string legible para javascript.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 11/10/2010, 17:14
Avatar de destor77  
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.654
Antigüedad: 19 años, 5 meses
Puntos: 43
Respuesta: graficos con js y php

solucionado gracias

Etiquetas: graficos, js, php
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 20:30.