Recursos do React Chart

A Ignite UI for React Charts permite que você exiba muitos recursos diferentes para retratar a história completa dos dados a serem contados com seu gráfico. Cada um desses recursos é totalmente personalizável e pode ser estilizado para atender às suas necessidades de design - permitindo controle total. Interações como destaque e anotações permitem que você destaque detalhes importantes dos dados, permitindo uma análise mais profunda dos dados em seu gráfico.

Os React Charts oferecem os seguintes recursos de gráfico:

Axis

Modifique ou personalize todos os aspectos do eixo X e do eixo Y usando as diferentes propriedades do eixo. Você pode exibir linhas de grade, personalizar o estilo de marcas de seleção, alterar títulos de eixo e até mesmo modificar localizações de eixo e valores de cruzamento. Você pode aprender mais sobre personalizações do tópico Axis Gridlines, Axis Layouts e Axis Options do gráfico React.

Annotations

Essas camadas adicionais estão no topo do gráfico, que dependem do mouse / toque. Usados individualmente ou combinados, eles fornecem interações poderosas que ajudam a destacar determinados valores no gráfico. Você pode saber mais sobre esse recurso no tópico Anotações de gráfico.

Animations

Anime seu gráfico à medida que ele carrega uma nova fonte de dados ativando animações. Eles são personalizáveis definindo diferentes tipos de animações e a velocidade com que essas animações ocorrem. Você pode saber mais sobre esse recurso no tópico Animações de gráfico.

Highlighting

Traga o foco para visuais como linhas, colunas ou marcadores, destacando-os enquanto o mouse passa sobre os itens de dados. Esse recurso está ativado em todos os tipos de gráfico. Você pode saber mais sobre esse recurso no tópico Realce de gráfico.

Markers

Identifique pontos de dados rapidamente, mesmo que o valor esteja entre as principais linhas de grade com o uso de marcadores na série de gráficos. Estes são totalmente personalizáveis em estilo, cor e forma. Você pode saber mais sobre esse recurso no tópico Marcadores de gráfico.

Você pode navegar no gráfico ampliando e movendo com o mouse, o teclado e as interações de toque. Você pode saber mais sobre esse recurso no tópico Navegação de Gráfico.

Overlays

As sobreposições permitem anotar valores e limites importantes plotando linhas horizontais ou verticais em gráficos. Você pode saber mais sobre esse recurso no tópico Sobreposições de gráfico.

Performance

Os gráficos React são otimizados para alto desempenho de renderização de milhões de pontos de dados e atualização deles a cada poucos milissegundos. No entanto, há vários recursos de gráfico que afetam o desempenho dos gráficos e eles devem ser considerados ao otimizar o desempenho em seu aplicativo. Você pode aprender mais sobre esse recurso no tópico Desempenho do gráfico.

Tooltips

Exiba todas as informações relevantes para o tipo de série específico por meio de dicas de ferramentas. Existem diferentes dicas de ferramentas que podem ser habilitadas, como dicas de ferramentas no nível do item e no nível da categoria. Você pode saber mais sobre esse recurso no tópico Dicas de ferramentas de gráfico.

Trendlines

Use linhas de tendência para identificar uma tendência ou encontrar padrões em seus dados. Há muitas linhas de tendência diferentes suportadas pelo gráfico React, como CubicFit e LinearFit. Você pode aprender mais sobre esse recurso no tópico Linhas de tendência do gráfico.