Angular Data Aggregations
En el control Ignite UI for Angular IgxCategoryChartComponent
característica Agregaciones de datos le permite agrupar datos en el gráfico por valores únicos en el XAxis
y, a continuación, ordenar esos grupos. A continuación, puede aplicar resúmenes que se reflejarán en el rango de la YAxis
y se mostrarán en la información sobre herramientas al pasar el cursor por la serie.
Angular Data Aggregations Example
El siguiente ejemplo muestra un Gráfico de columnas que se agrupa por el miembro País del XAxis
y se puede cambiar a otras propiedades dentro de cada elemento de datos, como Producto, Nombre del mes y Año, para agregar los datos de ventas. También está disponible una opción de resumen y clasificación para obtener un orden deseable para la propiedad agrupada.
Tenga en cuenta que las funciones abreviadas que se encuentran en los menús desplegables para initialSummaries
y groupSorts
se han aplicado como se muestra para obtener un resultado correcto según la propiedad que asigne. p.ej. Suma(ventas) como Ventas | Descripción de ventas
¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Angular completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.
<igx-category-chart
[dataSource]="salesData"
initialGroups="country"
initialSummaries="Sum(sales) as Sales"
groupSorts="Sales Desc">
</igx-category-chart>
html
Referencias de API
La siguiente es una lista de miembros de API mencionados en las secciones anteriores:
initialSortDescriptions
initialSorts
sortDescriptions
initialGroups
initialGroupDescriptions
groupDescriptions
initialSummaries
initialSummaryDescriptions
summaryDescriptions
initialGroupSortDescriptions
groupSorts
groupSortDescriptions
La agregación de gráficos no funcionará cuando se utilicen includeProperties | Propiedades excluidas. Estas propiedades del gráfico están destinadas a datos no agregados. Una vez que intente agregar datos, estas propiedades ya no deberían usarse. La razón por la que no funciona es porque la agregación reemplaza la colección que se pasa al gráfico para su procesamiento. Las propiedades de inclusión/exclusión están diseñadas para filtrar las propiedades de entrada/exclusión de esos datos y esas propiedades ya no existen en la nueva colección agregada.