React Data Aggregations

En el control Ignite UI for ReactIgrCategoryChart, la función Agregaciones de Datos te permite agrupar los datos del gráfico por valores únicos en elXAxis y luego ordenar esos grupos. Luego puedes aplicar resúmenes que se reflejarán en el rango de yYAxis se mostrarán en la descripción emergente al pasar el cursor por la serie.

React Ejemplo de agregaciones de datos

El siguiente ejemplo muestra una Gráfico de columnas que agrupa por el miembro país de yXAxis puede cambiarse a otras propiedades dentro de cada elemento de datos, como Producto, NombreDemes y Año para agregar los datos de ventas. También hay una opción de resumen y ordenación para obtener un orden adecuado para la propiedad agrupada.

Ten en cuenta que las funciones abreviadas que aparecen en los desplegables deinitialSummaries ygroupSorts se han aplicado tal y como se muestra para obtener un resultado correcto basado en la propiedad que asignas, por ejemplo, Sum(ventas) como ventas | Sales Descent

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

• 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.