Highstock

Highstock

Highstock permite criar ações ou gráficos de cronogramas gerais em “Pure JavaScript”, incluindo opções sofisticadas de navegação como uma pequena série de navegação, intervalos de tempo predefinidos, seleção de dados, rolagens e deslocamentos.

Características do Highstock:

Compatibilidade

Highstock é compatível com todos os navegadores de aparelhos celulares modernos, incluindo os produtos de Apple como iPhone e iPad, e estações fixas de trabalho como Desktop PC e Labtop.

A sua compatibilidade inclui, também, os navegadores; Internet explorer a partir da versão 6, Android, iOS.

Suporte “multitouch” fornecendo ao usuário uma experiência suave e continua. Navegadores padrões usam SVG para retribuição de gráficos.

Em navegadores de internet antigos, os gráficos são implantados usando VML.

Código aberto

Uma das características chaves de Highstock é a permissão dada ao usuário, com licenças pagas ou grátis, de baixar o código fonte e editá-lo conforme suas necessidades, agregando maiores flexibilidades em modificações personalizadas.

Pure JavaScript

Highstock é baseado unicamente em tecnologias de navegadores nativas e não requer plungins como Flash ou Java. Além disso, o usuário não precisa instalar qualquer coisa no seu servidor, nem PHP ou ASP ou .net.

Em resumo, Highstock somente requer arquivo “JavaScript” para funcionar.

Tipos de gráficos numéricos

Highstock suporta os tipos de gráficos de linha, linha empilhada, colunas, dispersão, OHLC, “Candlestick, bandeiras, variação de área, variação de áreas empilhadas, e variação colunar.

O usuário também pode usar combinações destas em um único gráfico.

“SYNTAX” de configuração simples

A definição das opções de configuração de Highstock não requer nenhuma habilidade especial de programação. As opções são dadas em estrutura de dados de “JavaScript” (JSON), que é basicamente um conjunto de valores e legendas interligadas por dois pontos, separadas por virgulas e agrupadas por colchetes.

Dinâmica

Utilizando-se de uma API completa, o usuário pode adicionar, remover e/ou modificar séries e pontos ou até modificar os eixos em qualquer momento após a criação do gráfico.

Muitos eventos fornecem ajuda contínua (não é possível escrever ganchos de ajuda) ao usuário na programação dos gráficos, estabelecendo uma variedade de soluções como gráficos em auto-atualização (Live Charts), conectados a bases de dados em servidores continuamente abastecidos com dados novos (e.g. atualizações de produção industrial e metas).

Seletor de intervalo

Quando navegando em grandes conjuntos de dados, as vezes com intervalos de horários em vários anos, é importante ter na sua biblioteca de gráficos uma opção que fornece uma maneira fácil e rápida de enfocar um certo e definido intervalo de tempo. Highstock proporciona essa possibilidade para o usuário fornecendo um seletor de intervalos onde o usuário pode aumentar o zoom em tempo pré-selecionado variando de um mês, um ano ou até acumulados anuais. O usuário também pode selecionar os intervalos manualmente.

Scrollbar e o Navegador

É outra maneira mais visual de navegar no conjunto de dados, arrastando a barra de posicionamento ou arrastando as bordas da janela de navegação para a área de interesse especial.

Bandeiras de marcação de eventos

Utilizando-se de um tipo específico de séries de dados chamado “Bandeiras”, o usuário pode adicionar marcadores de eventos e anotações diretamente relacionados a uma área de interesse na série de dados. O usuário pode adicionar diferentes estilos visuais para os marcadores diferenciando-os, e pode também adicioná-los ao gráfico ou ao eixo-X.

Eixos múltiplos

Muitas vezes, uma comparação de variáveis, que não são na mesma escala, é requerida e necessária como, por exemplo, plotagem de temperaturas verses precipitação de chuvas e pressão atmosférica. Highstock permite que o usuário atribua um eixo-y para cada série de dados, ou mesmo um eixo-x para cada categoria de dados se queira comparar vários conjuntos de dados no mesmo gráfico.

Cada eixo é livre para ser posto pelo usuário a direita ou a esquerda, superior ou inferior a área de plotagem.

Todas as opções podem ser definidas individualmente inclusive reversões, estilos e posições.

Rótulos “TOOLTIP“

Pairando os gráficos, “Highstock” permite ao usuário exibir textos com dicas em “TOOLTIOP” contendo informações sobre cada ponto e/ou série de dados, que muda em sequência conforme a posição do apontador sobre o gráfico com precisão de leitura para o ponto mais próximo tanto como facilidade de leitura para pontos localizados abaixo de outros.

Eixo de data/tempo

75 de todos os gráficos com eixos-x e y contém um data/tempo eixo-x. Por isso, Highstock é estruturado de maneira muito inteligente a respeito das medidas do tempo. Com eixos em unidades de milissegundos, Highstock determina onde posicionar locar os “ticks” de tal maneira que estarão sempre marcando o início do mês ou semana, meia-noite ou meio-dia, hora por hora.

Agrupamento de dados

Se o arranjo dos dados consiste de 100.000 pontos ou mais, não seria efetivo para calcular as posições transladas para cada ponto separadamente e mostrar todo o arranjo no gráfico que é comumente de 800 px de largura. “Highstocks Data Grouping” é usado neste contexto agrupando, muito rapidamente, os dados em grupos opcionais como meses ou dias, por exemplo, e exibi-los. É óbvio que aplicando zoom em intervalos menores, o agrupamento é refeito e o usuário pode inspecionar os dados em resolução completa.

Exportação e Impressão

Com o modulo de exportação ativado/habilitado, o usuário pode exportar os gráficos em formatos PNG, JPG, PDF ou SVG com único clique, ou imprimir o gráfico diretamente da página da web.

Zooming & PANNING

Além de controlar o zoom e visão panorâmica do scrollbar e i navegador, o usuário tem a opção de definir o zoom e a visão panorâmica “Panning” usando o mouse ou o deto.

Carregamento de dados externos

O Input dos dados externos de Highstock é determinado como “JavaScript Array”, cuja definição pode ser determinada em objetos de configuração local, em arquivos separados, ou até de outro site. Além disso, os dados podem ser manuseados e incluídos no Highstock em qualquer forma e, então, uma função “call-back” é usada para ordenar os dados em “JavaScript Array”.

Requisitos do sistema

Não requer Flash ou Java.

Roda em qualquer servidor que suporte HTML.