React Data Aggregations
En la función Ignite UI for Reactcontrol IgrCategoryChart, agregaciones de datos le permite agrupar datos en el gráfico por valores únicos en el XAxis y luego ordenar esos grupos. A continuación, puede aplicar resúmenes que se reflejarán en el rango de la y se mostrarán en la información sobre herramientas al pasar el cursor sobre la YAxis serie.
Ejemplo de agregaciones de datos de React
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
<IgrCategoryChart
dataSource={this.state.salesData}
initialGroups="country"
initialSummaries="Sum(sales) as Sales"
groupSorts="Sales Desc"/>
API References
La siguiente es una lista de miembros de API mencionados en las secciones anteriores:
initialSortDescriptionsinitialSortssortDescriptionsinitialGroupsinitialGroupDescriptionsgroupDescriptionsinitialSummariesinitialSummaryDescriptionssummaryDescriptionsinitialGroupSortDescriptionsgroupSortsgroupSortDescriptions
[!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.