¿Cómo diseñar una tabla interactiva HTML5 basada en PHP?
Introducción
Recientemente, necesitaba crear rápidamente un gráfico a partir de un conjunto de conjuntos de datos PHP. Los gráficos deben ser interactivos, fáciles de usar y descargables. Después de evaluar algunas soluciones de phpChart, incluidas phpChart, PCChart y Highcharts, decidí usar PHP Chart como mi herramienta preferida.
Antecedentes
Como programador back-end principal, no tengo mucho tiempo para aprender y usar JavaScript lentamente (los clientes quieren ver gráficos en línea dentro de las 24 horas) y No tengo conocimientos avanzados de codificación front-end. Básicamente, quiero que los desarrolladores PHP con poca o ninguna experiencia en programación front-end puedan desarrollar rápidamente gráficos hermosos.
Probé PCChart, una popular biblioteca de gráficos PHP. El gráfico resultante se ve bastante bien. Aunque se pueden descargar, todas son imágenes estáticas. Highcharts parece ser la mejor opción. Los gráficos se ven increíbles, están animados y tienen muchas opciones de personalización, pero también son muy complejos y requieren muchos conocimientos de JavaScript. Highcharts no está diseñado para PHP ni es gratuito para uso comercial.
Los conceptos básicos de phpChart
Lo que más me gusta de phpChart es que permite comenzar con simplicidad y código mínimo.
La versión PhpChart Lite se puede descargar desde aquí. Descargue el archivo y extráigalo al directorio raíz del sitio web.
Establecer conf.php.
Lo primero que debemos hacer es configurar la variable SCRIPTPATH en la biblioteca de clases PhpChart en el archivo conf.php. Esta variable representa la URL relativa o absoluta de la biblioteca phpChart en el servidor web.
define(SCRIPTPATH,/phpChart/);
Copiar código
Crear el gráfico más simple
Incluye el archivo de encabezado PHP conf. :
Requerido una vez (../conf . PHP);
Copiar código
Llame al constructor C_PhpChartX y finalmente llame a la función draw().
$ PC = new C _ PhpChartX(array(array(123, 34, 51, 22, 3)), ' simple_graph ');
$ PC-draw( );
Copiar código
Este es el código que necesitas activar. A continuación se muestra el resultado renderizado.
Esto es lo que yo llamo codificación mínima. No tiene sentido intentar aprender los conceptos básicos cuando tienes un equipo de programadores trabajando en ello. Una cosa que cualquier programador quiere hacer lo más rápido posible es sumergirse en el estudio de documentación compleja de un nuevo conjunto de bibliotecas o herramientas.
Por cierto, el nombre del segundo parámetro en el constructor debe ser exclusivo de su diagrama. Ingresé "simplest_graph" o cualquier cadena que no esté vacía. Debe ser un valor único para que pueda tener varios gráficos en una página.