Angular recursos do gráfico

Os gráficos Ignite UI for Angular permitem que você exiba muitos recursos diferentes para retratar a história completa dos dados a ser contada 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 realce e anotações permitem que você chame detalhes de dados importantes, permitindo uma análise de dados mais profunda em seu gráfico.

Os gráficos Angular 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 das marcas de escala, alterar títulos de eixos e até mesmo modificar locais de eixos e valores de interseção. Você pode saber mais sobre personalizações do tópico Linhas de grade de eixo, Layouts de eixo e Opções de eixo do gráfico de Angular.

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.

Animações

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

Angular gráficos são otimizados para alto desempenho de renderização de milhões de pontos de dados e atualização 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 saber 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. Existem muitas linhas de tendência diferentes suportadas pelo gráfico Angular, como CubicFit e LinearFit. Você pode saber mais sobre esse recurso no tópico Linhas de tendência do gráfico.