Rutarelativa

Open Flash Chart: Librerías para gráficos en PHP

(0)

21 / Abril / 2010

Desarrollo,Tutoriales

Open Flash Chart: Librerías para gráficos en PHP

Los gráficos de barras, circulares o de cualquier tipo son muy útiles para ilustrar cualquier documento o aplicación de forma visual, dando información muy útil y que de prácticamente un solo vistazo podamos transmitir una información puntual.

Es por eso que muchos desarrolladores nos interesamos por la inclusión de las mismas en nuestras aplicaciones, tanto de escritorio como web. Os vamos a presentar Open Flash Chart, unas librerías para gráficos en PHP bastante potentes y libres con las que ahorraréis mucho tiempo de trabajo y además daréis un toque profesional a vuestros trabajos. Con estas librerías podemos, de una forma muy sencilla, mostrar todo tipo de gráficos de manera muy personalizable.

A continuación veremos un pequeño tutorial de como utilizar Open Flash Chart para crear gráficos en PHP:

Tutorial de como utilizar Open Flash Chart para crear gráficos en PHP

Open Flash Chart utiliza como medio para recibir los datos un fichero codificado en JSON y un archivo swf que es el que se incluirá en tu HTML para mostrar el gráfico. Sigue los siguientes pasos:

1. Crea un fichero llamado chart.html por ejemplo e incluye dentro de él el siguiente código:


<html>
<head>
</head>
<body>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
        codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
        width="500" height="250" id="graph-2" align="middle">
 	<param name="allowScriptAccess" value="sameDomain" />
	<param name="movie" value="open-flash-chart.swf" />
	<param name="quality" value="high" />
	<embed src="open-flash-chart.swf"
		   quality="high"
		   bgcolor="#FFFFFF"
		   width="500"
		   height="250"
		   name="open-flash-chart"
		   align="middle"
		   allowScriptAccess="sameDomain"
		   type="application/x-shockwave-flash"
		   pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

</body>
</html>

2. A continuación crea un fichero llamado data.json que contenga en su interior el siguiente código:


{
  "title":{
    "text":  "Many data lines",
    "style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
  },

  "y_legend":{
    "text": "Open Flash Chart",
    "style": "{color: #736AFF; font-size: 12px;}"
  },

  "elements":[
    {
      "type":      "bar",
      "alpha":     0.5,
      "colour":    "#9933CC",
      "text":      "Page views",
      "font-size": 10,
      "values" :   [9,6,7,9,5,7,6,9,7]
    },
    {
      "type":      "bar",
      "alpha":     0.5,
      "colour":    "#CC9933",
      "text":      "Page views 2",
      "font-size": 10,
      "values" :   [6,7,9,5,7,6,9,7,3]
    }
  ],

  "x_axis":{
    "stroke":1,
    "tick_height":10,
    "colour":"#d000d0",
    "grid_colour":"#00ff00",
    "labels": {
        "labels": ["January","February","March","April","May","June","July","August","Spetember"]
    }
   },

  "y_axis":{
    "stroke":      4,
    "tick_length": 3,
    "colour":      "#d000d0",
    "grid_colour": "#00ff00",
    "offset":      0,
    "max":         20
  }
}

3. Ejecuta tu URL y añádele como parámetro el fichero JSON de la siguiente forma ?ofc=data.json, de modo que tu url debería de parecerse a lo siguiente: http://example.com/chart.html?ofc=data.json. Puedes ver un ejemplo del gráfico en la web oficial del proyecto.

Open Flash Chart: Librerías para gráficos en PHP

Si sigues los tutoriales de la web del proyecto Open Flash Chart puedes aprender a crear el gráfico desde Javascript, enviarle el nombre del fichero de datos JSON al gráfico en vez de por URL, recrear el fichero de datos JSON desde PHP, personalizar los colores con degradados y transparencias, y una serie de procesos que mejorarán la experiencia con los gráficos en PHP.

Enlace: Descargar Open Flash Chart 2: Librerías para gráficos en PHP

Trackback en Open Flash Chart: Librerías para gráficos en PHP

Hasta el momento el artículo Open Flash Chart: Librerías para gráficos en PHP no tiene Trackbacks.

Comentarios en Open Flash Chart: Librerías para gráficos en PHP

Hasta el momento el artículo Open Flash Chart: Librerías para gráficos en PHP no tiene comentarios, sé el primero en comentar en él.

Escribir comentario en Open Flash Chart: Librerías para gráficos en PHP

¡Tu opinión nos interesa!. Escribe tu opinión lo más clara posible para que todos podamos entenderla, evita el spam, comentarios ofensivos, etc. ya que serán eliminados. Tu opinión sera moderada antes de ser publicada, por lo que su aparición en la web puede tardar unos minutos. Si deseáis ponerse en contacto para sugerencias o críticas podéis hacerlo desde el formulario de contacto.