Agregue gráficos a su aplicación web PHP con pChart

Agregue gráficos a su aplicación web PHP con pChart / Wordpress y desarrollo web

pChart es un conjunto de herramientas gráficas notablemente avanzadas para PHP. Es gratis bajo la licencia GPL, altamente personalizable, totalmente orientado a objetos, y más que capaz de manejar cualquier información que usted le envíe. Permítame mostrarle cómo empezar a usarlo para su aplicación web.

Este tutorial asume un conocimiento básico de PHP..

Características - De un vistazo

  • Fácil de empezar con toneladas de código de ejemplo.
  • Anti-aliasing para gráficos hermosos.
  • Todos los tipos de gráficos que pueda imaginar, así como las rutinas de dibujo nativas para personalizar aún más la pantalla.. (Los gráficos en 3D están limitados a gráficos circulares)
  • Cálculo de línea de mejor ajuste: solo déle los puntos de datos y deje que haga el trabajo.
  • También puede crear códigos de barras, como si la gráfica no fuera suficiente.. (Sin embargo, no los códigos QR, solo los estándares de una dimensión)
  • Formato condicional, para crear gráficas realmente visualmente atractivas..
  • Clase de almacenamiento en caché integral para acelerar sus gráficos en un entorno de producción.

Empezando

Descargue el paquete pChart más reciente y cárguelo en la raíz de su servidor web. Renombra el directo a pChart. Puede probarlo de inmediato al navegar a este directorio que cargará los gráficos de ejemplo.

Inténtalo tú mismo

Para aprender el método básico de dibujar un gráfico, cree un nuevo archivo PHP en la raíz de su servidor llamado prueba.php. Añade estas líneas a la parte superior (asumiendo que el directorio que carga pChart se denomina solo pChart):

/ * Incluir todas las clases * / include ("pChart / class / pDraw.class.php"); include ("pChart / class / pImage.class.php"); include ("pChart / class / pData.class.php");

El siguiente paso es crear un conjunto de datos y usar el método addPoints.

/ * Crea tu objeto de conjunto de datos * / $ myData = new pData (); / * Agregue datos en su conjunto de datos * / $ myData-> addPoints (array (VOID, 3,4,3,5));

Tenga en cuenta que puede utilizar un VACÍO palabra clave si faltan datos. También podría conectarse a un Fuente de datos MySQL y extraer una serie de datos desde allí, o cargar un archivo CSV desde algún lugar. Vamos a dibujar un gráfico muy simple, por supuesto, pero también puede agregar múltiples conjuntos de datos, ajustar marcas, etc. en este punto..

A continuación, debe crear el objeto de imagen, configurar el área de gráficos y elegir una fuente..

$ myPicture = new pImage (700,230, $ myData); // ancho, alto, conjunto de datos $ myPicture-> setGraphArea (60,40,670,190); // x, y, ancho, altura $ myPicture-> setFontProperties (array ("FontName" => "pChart / fonts / verdana.ttf", "FontSize" => 11));

La escala debe calcularse antes de la salida, pero esto se puede hacer automáticamente, luego dibuje la gráfica de la siguiente manera:

$ myPicture-> drawScale (); $ myPicture-> drawSplineChart ();

En este caso, estamos dibujando un gráfico de spline, básicamente un gráfico de líneas curvas, pero hay una gran lista de otros gráficos que puede dibujar simplemente cambiando esta función. El último paso es enviar el archivo PNG resultante al navegador. Utilizar el Carrera() función para hacer esto:

$ myPicture-> Stroke ();

Usaría esto en los casos en los que se muestra directamente al usuario, o incrusta el PHP como archivo como una imagen, como:

Si carga el prueba.php en su navegador ahora, debería ver algo similar a esto:

Otra opción es representar el gráfico en un archivo si, por ejemplo, los está generando a través de algún tipo de trabajo CRON automatizado. En ese caso, utilice (donde la ruta de la imagen es relativa al test.php y en una carpeta de escritura):

$ myPicture-> render ("mypic.png");

Alternativas

Aunque pChart es la caja de herramientas de gráficos más completa para PHP, existen algunas alternativas:

  • SparkLine PHP es una implementación de los pequeños gráficos distintivos llamados así por Edward Tuffte.
  • JqPlot es una solución de gráficos basada en jQuery, que cambiaría el cálculo de gráficos al navegador de los usuarios en lugar de a su servidor, ideal si está intentando trazar funciones matemáticas.
  • PHPMyGraph no es tan completo, personalizable o atractivo como pChart, pero también es mucho más simple.
  • EasyChart Builder es un complemento simple de WordPress, pero esto requiere que su conjunto de datos se agregue manualmente.
  • El creador de Google Image Chart tiene una amplia selección de gráficos y se puede incrustar fácilmente, pero también requiere que ingreses manualmente tu conjunto de datos.
Eso es de mi parte esta vez, espero que juegues con pChart en las aplicaciones web que estás haciendo. Acabo de empezar a trabajar en el lado web de mi aplicación de iPhone Egg Counter, por lo que ciertamente no soy un experto todavía. Trataré de indicarle la dirección correcta si tiene alguna pregunta, pero también hay una amplia documentación disponible. ¿Tiene una mejor manera de graficar datos en sus aplicaciones web? ¡Haznos saber!