LightningChart JS

1. Visualização de áudio.

Os dados de áudio são extraídos em tempo real usando APIs de áudio da web. Este gráfico exibe o último 1 milhão de amostras da entrada de áudio.

2. Demonstração de negociação.

Obtém dados OHCL da API REST e mostra dados com indicadores técnicos.

3. Rolagem em tempo real.

Mostra o gráfico de linha em tempo real com 5 x 1 milhão de pontos e mostra a contagem de FPS.

4. Teste de velocidade de dados estáticos.

Mede quanto tempo leva para renderizar 1 milhão de pontos de dados estáticos.

- Mostruário de visualização de áudio LightningChart JS

Os dados de áudio são extraídos em tempo real usando APIs de áudio da Web. A API de áudio da Web tem um método .createAnalyser () que pode ser usado para criar um novo AnalyzerNode. O AnalyzerNode tem métodos para obter dados no domínio do tempo (forma de onda) e dados de frequência, que são dados da transformação Fast Fourier no sinal de áudio. Os dados do domínio do tempo são mostrados como estão no gráfico do domínio do tempo. Esses mesmos dados também são enviados para o gráfico de histórico da forma de onda. Este gráfico exibe o último 1 milhão de amostras da entrada de áudio. O último gráfico, Spectrum, é usado para exibir três séries diferentes.

• Espectro das últimas amostras.
• Frequências máximas vistas.
• Histórico de frequência decrescente.

- Gráficos Javascript WebGL de alto desempenho

LightningChart JS é uma biblioteca de gráficos de plataforma cruzada baseada em WebGL que foi desenvolvida para fornecer um desempenho excelente de seus gráficos, o que garante altas taxas de atualização e animações suaves de seu aplicativo. Ele apresenta documentação de API acessível, ampla funcionalidade e um controle de painel inovador. A biblioteca de gráficos LightningChart JS combina velocidade incrível com capacidade de carga robusta.

Ideal para setores exigentes, como engenharia, engenharia de saúde e dispositivos médicos, controle de processos industriais e comércio.

• Painel de controle

Torna mais fácil e conveniente gerenciar dezenas de gráficos, caixas de legenda, botões, caixas de seleção e outros elementos da IU. A renderização eficiente de recursos de todos os gráficos em uma cena de GPU também torna o redimensionamento de colunas e linhas muito rápido.

• Animações

A renderização excepcionalmente poderosa garante animações suaves excedendo todos os padrões da indústria em quantidade de dados por gráfico. Interatividade intuitiva da tela de toque com zoom, panorâmica, movimentação de cursores de dados e assim por diante.

• Renderização WebGL

A aceleração da GPU e a renderização WebGL garantem que o processador gráfico do seu dispositivo seja utilizado com eficiência, o que resulta em altas taxas de atualização e um desempenho de execução excepcional .

• Renderização do lado do servidor

LightningChart JS oferece suporte à renderização do lado do servidor. A renderização do lado do servidor pode ser usada com nosso pacote headless disponível em npm. Use nossos gráficos em um aplicativo de servidor para produzir imagens de gráficos de alta qualidade .

Gráficos XY.

• Tipos de série: série de linha e ponto, série de área, série de faixa de área, série OHLC, retângulos, elipses, bigode e séries de segmento de linha.
• Os eixos lineares podem ser colocados à esquerda / direita / superior / inferior e pode haver vários eixos X e Y por gráfico.
• Os modos de dimensionamento incluem ajuste, expansão, progressivo / regressivo e manual.
• Marcadores e cursores de dados têm formas e estilos personalizáveis.

Gráficos 3D.

• Tipos de série: série de linha, série de ponto, série de PointLine, série de PointCloud.
• Personalize a forma da caixa delimitadora do gráfico 3D.
• Eixos lineares para os planos X, Y e Z em torno da caixa delimitadora do gráfico 3D.
• Use o formato Numérico e DateTime com os tiques do eixo.
• A câmera pode ser controlada para girar e ampliar / reduzir a área do gráfico.

3D Box Series.

• Personalizável com: coloração baseada em valores, coloração sólida para todas as caixas, cores individuais das caixas.
• Personalize o arredondamento das bordas do formato da caixa.

3D Surface Series.

• Personalizável com: coloração baseada em valor, coloração sólida, coloração baseada em Data-Point.
• Vem com wireframe personalizável.

Mapas de calor.

• Pode ser usado em gráficos XY.
• Crie um mapa de calor retangular 2D usando a opção IntensityGrid.
• Crie um mapa de calor de malha 2D usando a opção IntensityMesh.
• Use mapas de calor para criar espectogramas.

Gráficos de banda de zoom.

• Adicione um gráfico de banda de zoom personalizável e fácil de usar aos seus gráficos XY dentro de um painel.
• Mostra uma visão geral dos dados detalhados dos gráficos anexados.
• Zoom rápido com uma banda.
• Adiciona automaticamente todas as séries dentro do eixo ao qual se conecta.

Gráficos de radar / aranha

• Eixos categóricos gerados automaticamente.
• Grade de linhas e redondas.
• Linha, ponto e série de área preenchida.
• Os modos de escala incluem ajuste, expansão e manual.
• Os cursores de dados têm formas e estilos personalizáveis.

Gráficos de pizza / rosquinha

• As fatias podem ser estilizadas usando diferentes estilos de preenchimento e borda.
• Classificação e formatação de fatias totalmente personalizáveis.
• Transições de valor de fatia, bem como disposição / restauração, são animadas.
• Os rótulos podem ser colocados ao lado das linhas de conexão ou dentro das fatias
• As fatias podem ser “explodidas” programaticamente ou pelo mouse / toque.

Gráficos de funil

• As fatias podem ser estilizadas usando diferentes estilos de preenchimento e traçado.
• As fatias podem ter lacunas vazias entre elas.
• Classificação e formatação de fatias totalmente personalizáveis.
• As etiquetas podem ser colocadas lado a lado com linhas de conexão ou fatias internas.
• Duas maneiras diferentes de mostrar as fatias com base em seus valores: largura variável e altura variável.
• As fatias podem ser animadas. Alterar valores de fatias, adicionar e remover fatias suportam animações.
• O usuário pode ativar ou desativar animações para todas as fatias.

Gráficos de medidor.

• O medidor pode ser estilizado usando diferentes estilos de preenchimento e traçado.
• Defina a espessura do medidor.
• O Gauge Slice pode ser estilizado usando diferentes estilos de preenchimento.
• Formatação e estilo de fatias totalmente personalizáveis.
• Personalize os ângulos de início e fim do medidor.
• Personalize o intervalo de valores do medidor.
• A alteração do valor do medidor, as transições de intervalo e ângulo e a disposição / restauração do medidor são animados.

Pyramid Charts.

• As fatias podem ser estilizadas usando diferentes estilos de preenchimento e traçado.
• As fatias podem ter lacunas vazias entre elas.
• Classificação e formatação de fatias totalmente personalizáveis.
• As etiquetas podem ser colocadas lado a lado com linhas de conexão ou fatias internas.
• As fatias podem ser animadas. Alterar valores de fatias, adicionar e remover fatias suportam animações.
• O usuário pode ativar ou desativar animações para todas as fatias.

- A biblioteca de gráficos de melhor desempenho para a web.

LightningChart® JS vem com um desempenho de execução excelente - monitore dezenas de feeds de dados simultaneamente usando altas taxas de dados.

A aceleração da GPU e a renderização WebGL garantem que o processador gráfico do seu dispositivo seja utilizado com eficiência, o que resulta em altas taxas de atualização e animações suaves.

- Experiência do usuário superior.

A renderização excepcionalmente poderosa do LightningChart® JS garante animações suaves, excedendo todos os padrões da indústria em quantidade de dados por gráfico. A biblioteca de gráficos fornece interatividade intuitiva com tela de toque com zoom, panorâmica, movimentação de cursores de dados e assim por diante.

O controle do painel torna mais fácil e conveniente gerenciar dezenas de gráficos, caixas de legenda, botões, caixas de seleção e outros elementos da IU. O painel é renderizado de forma eficiente em termos de recursos em uma única cena de GPU, o que também torna o redimensionamento de colunas e linhas muito rápido.