Angular linhas de tendência do gráfico
Em Ignite UI for Angular gráficos, as linhas de tendência ajudam a identificar uma tendência ou encontrar padrões nos dados. As linhas de tendência são sempre renderizadas na frente dos pontos de dados vinculados ao gráfico e são suportadas por the IgxCategoryChartComponent, IgxFinancialChartComponent, e IgxDataChartComponent (exceto para séries empilhadas, séries de formas e séries de intervalos).
As linhas de tendência estão desativadas por padrão, mas você pode ativá-las definindo a trendLineType propriedade. Além disso, você pode modificar várias propriedades de aparência das linhas de tendência, como pincel, período e espessura.
As linhas de tendência também têm a capacidade de ter uma matriz de traços aplicada a elas, uma vez ativadas. Isso é feito definindo a TrendLineDashArray propriedade como uma matriz de números. A matriz numérica descreve o comprimento dos traços da linha de tendência.
Angular Exemplo de linhas de tendência do gráfico
O exemplo a seguir mostra IgxFinancialChartComponent a tendência de ações da Microsoft entre 2013 e 2017 com uma linha de tendência QuinticFit aplicada inicialmente. Há um menu suspenso que permitirá que você altere o tipo de linha de tendência que é aplicada, e todos os tipos de linha de tendência possíveis são listados nesse menu suspenso.
Angular Exemplo de matriz de traços de linhas de tendência de gráfico
O exemplo a seguir mostra um IgxDataChartComponent com uma IgxFinancialPriceSeriesComponent linha de tendência tracejada QuarticFit aplicada por meio da trendLineDashArray propriedade:
Additional Resources
Você pode encontrar mais informações sobre recursos de gráfico relacionados nestes tópicos:
API References
Os IgxCategoryChartComponent componentes e IgxFinancialChartComponent compartilham as seguintes propriedades da API:
No componente, a IgxDataChartComponent maioria dos tipos de séries tem as seguintes propriedades de API:
GitHub