lunes, 2 de octubre de 2017

Graficar Cartas de Control con HighCharts

Hola, hoy les traigo un nuevo aporte que quizás les pueda ayudar mucho con mostrar datos en su sistema Web.

Hace un tiempo he participado de un proyecto, donde los resultados de los datos tomados en campo, debían mostrarse a través de Cartas de Control.

Revisé si existían librerías ya listas para hacer cartas de control, lamentablemente no había, lo máximo que encontré es como hacerlo en Microsoft Excel.

Bueno sin más, me anime crear una forma de hacer estos gráficos con la librería HighCharts, la cual ayuda mucho con gráficos en sistemas de información Web.

Bien, para hacer las cartas de control tuve que mezclar dos tipos de gráficos de esta librería:

El primer tipo de gráfico es el de líneas, el cual muestro con una imagen.



El segundo tipo de gráfico es el Scatter plot, el cual muestro con una imagen.



Combinando estos dos tipos de gráficos podemos obtener nuestras cartas de control, haciendolo de la siguiente manera: Con el tipo de gráfico de líneas, señalo los límites superior e inferior, y con el gráfico scatter plot señalo los valores con colores azul, si se encuentran dentro de los límites de control (para este ejemplo), y de color rojo si está fuera de los límites. A continuación muestro una imagen de como queda.



Bueno, sin más les dejo un ejemplo básico de cómo realizarlo, lo pueden descargar de aquí.

Espero les haya servido mucho, hasta la próxima su amigo Carlos Zacarías.

No hay comentarios:

Publicar un comentario