Angular Data Aggregations

No controle Ignite UI for AngularIgxCategoryChartComponent, o recurso Agregações de Dados permite agrupar os dados no gráfico por valores únicos eXAxis então ordenar esses grupos. Você pode então aplicar resumos que serão refletidos pelo intervalo doYAxis e serão exibidos na dica de ferramenta ao passar o mouse pela série.

Angular Data Aggregations Example

O exemplo a seguir mostra um Gráfico de Colunas que agrupa pelo membro país doXAxis e pode ser alterado para outras propriedades dentro de cada item de dados, como Produto, Nome do Mês e Ano, para agregar os dados de vendas. Também existe uma opção de resumo e ordenação para obter uma ordem desejável para a propriedade agrupada.

Note que as funções abreviadas encontradas nos menus suspensos deinitialSummaries egroupSorts foram aplicadas conforme mostrado para obter um resultado correto baseado na propriedade que você atribui. por exemplo, Sum(vendas) como vendas | Sales Desc

<igx-category-chart
    [dataSource]="salesData"
    initialGroups="country"
    initialSummaries="Sum(sales) as Sales"
    groupSorts="Sales Desc">
</igx-category-chart>

API References

A seguir está uma lista de membros da API mencionados nas seções acima:

• initialSortDescriptions
• initialSorts
• sortDescriptions
• initialGroups
• initialGroupDescriptions
• groupDescriptions
• initialSummaries
• initialSummaryDescriptions
• summaryDescriptions
• initialGroupSortDescriptions
• groupSorts
• groupSortDescriptions

[!Note] Chart Aggregation will not work when using includedProperties | excludedProperties. These properties on the chart are meant for non-aggregated data. Once you attempt to aggregate data these properties should no longer be used. The reason it does not work is because aggregation replaces the collection that is passed to the chart for render. The include/exclude properties are designed to filter in/out properties of that data and those properties no longer exist in the new aggregated collection.