Highstock

¿Qué es Highstock?

Highstock le permite crear acciones o gráficos de líneas de tiempo generales en "Pure JavaScript", incluidas opciones de navegación sofisticadas como una pequeña serie de navegación, intervalos de tiempo predefinidos, selección de datos, desplazamientos y desplazamientos.

Características de Highstock:

Compatibilidad

Highstock es compatible con todos los navegadores de teléfonos móviles modernos, incluidos los productos de Apple como iPhone y iPad, y estaciones de trabajo fijas como Desktop PC y Labtop.

Su compatibilidad también incluye navegadores; Internet explorer desde la versión 6, Android, iOS.

Soporte "Multitouch" que proporciona al usuario una experiencia fluida y continua. Los navegadores estándar utilizan SVG para la retribución de gráficos.

En los navegadores de Internet más antiguos, los gráficos se implementan mediante VML.

Código abierto

Una de las características clave de Highstock es el permiso dado al usuario, con licencias de pago o gratuitas, para descargar el código fuente y editarlo según sus necesidades, añadiendo una mayor flexibilidad en las modificaciones personalizadas.

JavaScript puro

Highstock se basa únicamente en tecnologías de navegador nativas y no requiere plungins como Flash o Java. Además, el usuario no necesita instalar nada en su servidor, ni PHP ni ASP o .net.

En resumen, Highstock solo requiere el archivo "JavaScript" para funcionar.

Tipos de gráficos numéricos

Highstock admite los tipos de gráficos de líneas, línea apilada, columnas, dispersión, OHLC, "Velas, banderas, variación de área, variación de área apilada y variación de columnas.

También puede usar combinaciones de estos en un solo gráfico.

"SINTAXIS" de configuración simple

Establecer las opciones de configuración de Highstock no requiere habilidades especiales de programación. Las opciones se dan en la estructura de datos "JavaScript" (JSON), que es básicamente un conjunto de valores y leyendas interconectados por dos puntos, separados por commins y agrupados por corchetes.

Dinámica

Usando una API completa, el usuario puede agregar, eliminar y/o modificar series y puntos o incluso modificar los ejes en cualquier momento después de crear el gráfico.

Muchos eventos proporcionan ayuda continua (no es posible escribir ganchos de ayuda) al usuario en la programación de gráficos, estableciendo una variedad de soluciones como gráficos en actualización automática (Live Charts), conectados a bases de datos en servidores continuamente abastecidos con nuevos datos (por ejemplo, actualizaciones y objetivos de producción industrial).

Selector de rango

Al navegar por grandes conjuntos de datos, a veces con intervalos de tiempo durante varios años, es importante tener en su biblioteca de gráficos una opción que proporcione una forma fácil y rápida de centrarse en un intervalo de tiempo determinado y definido. Highstock proporciona esta posibilidad para el usuario al proporcionar un selector de rango donde el usuario puede hacer zoom en el tiempo preseleccionado que va desde un mes, un año o incluso el tiempo acumulado anual. También puede seleccionar los rangos manualmente.

Barra de desplazamiento y el navegador

Es otra forma más visual de navegar por el conjunto de datos arrastrando la barra de posición o arrastrando los bordes de la ventana de navegación al área especial de interés.

Marcas de eventos

Utilizando un tipo específico de serie de datos llamada "Flags", el usuario puede agregar marcadores de eventos y anotaciones directamente relacionadas con un área de interés en la serie de datos. El usuario puede agregar diferentes estilos visuales a los marcadores diferenciándolos, y también puede agregarlos al gráfico o al eje X.

Múltiples ejes

A menudo, se requiere y es necesaria una comparación de variables, que no están en la misma escala, como trazar las temperaturas frente a la precipitación de la lluvia y la presión atmosférica. Highstock permite al usuario asignar un eje Y para cada serie de datos, o incluso un eje X para cada categoría de datos si desea comparar varios conjuntos de datos en el mismo gráfico.

Cada eje es libre de ser colocado por el usuario a la derecha o a la izquierda, arriba o abajo del área de la trama.

Todas las opciones se pueden configurar individualmente, incluidas las inversiones, los estilos y las posiciones.

Rótulos "TOOLTIP"

Al pasar el cursor sobre los gráficos, "Highstock" permite al usuario mostrar texto con sugerencias en "TOOLTIOP" que contiene información sobre cada punto y / o serie de datos, que cambia en secuencia de acuerdo con la posición del puntero en el gráfico con precisión de lectura al punto más cercano, así como facilidad de lectura a puntos ubicados debajo de otros.

Eje fecha/hora

75 de todos los gráficos de eje x y eje y contienen una fecha/hora de eje x. Por lo tanto, Highstock está estructurado de manera muy inteligente con respecto a las medidas del tiempo. Con ejes en unidades de milisegundos, Highstock determina dónde colocar las garrapatas de tal manera que siempre marcarán el comienzo del mes o la semana, la medianoche o el mediodía, hora por hora.

Agrupación de datos

Si la disposición de datos consta de 100,000 puntos o más, no sería efectivo calcular las posiciones movidas para cada punto por separado y mostrar toda la disposición en el gráfico que comúnmente tiene 800 px de ancho. "Highstocks Data Grouping" se utiliza en este contexto agrupando, muy rápidamente, los datos en grupos opcionales como meses o días, por ejemplo, y mostrándolos. Es obvio que al hacer zoom a intervalos más pequeños, la agrupación se rehace y el usuario puede inspeccionar los datos en resolución completa.

Exportación e impresión

Con el módulo de exportación habilitado/habilitado, el usuario puede exportar los gráficos en formatos PNG, JPG, PDF o SVG con un solo clic, o imprimir el gráfico directamente desde la página web.

Zoom y PANORÁMICA

Además de controlar el zoom y la vista panorámica de la barra de desplazamiento y el navegador i, el usuario tiene la opción de configurar el zoom y la vista panorámica "Panning" utilizando el mouse o el deto.

Carga de datos externos

La entrada de datos externos de highstock se determina como "JavaScript Array", cuya definición se puede determinar en objetos de configuración local, en archivos separados o incluso desde otro sitio. Además, los datos se pueden manejar e incluir en Highstock de cualquier forma, y luego se utiliza una función de "devolución de llamada" para ordenar los datos en "JavaScript Array".

Requisitos del sistema

No requiere Flash ni Java.

Se ejecuta en cualquier servidor que admita HTML.