Angular Data Aggregations

    No controle Ignite UI for Angular IgxCategoryChartComponent o recurso Agregações de Dados permite agrupar dados no gráfico por valores exclusivos no XAxis e, em seguida, classificar esses grupos. Você pode então aplicar resumos que serão refletidos pelo intervalo do e serão exibidos na dica de YAxis ferramenta ao passar o mouse sobre a série.

    Angular Data Aggregations Example

    O exemplo a seguir ilustra um Gráfico de Colunas que agrupa pelo membro País do e pode ser alterado para outras propriedades dentro de cada item de dados, como Produto, NomeDoMês e Ano para agregar os dados de XAxis vendas. Além disso, uma opção de resumo e classificação está disponível para obter uma ordem desejável para a propriedade agrupada.

    Observe que as funções abreviadas encontradas nos menus suspensos para initialSummaries e groupSorts devem ser aplicadas conforme mostrado para obter um resultado correto com base na propriedade que você atribui. Soma(vendas) como Vendas | Desc de vendas

    <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:

    [!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.