React Data Aggregations

    En el control Ignite UI for React IgrCategoryChart 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.

    React Ejemplo de agregaciones de datos

    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

    EXAMPLE
    DATA
    TSX
    CSS

    ¿Te gusta este ejemplo? Obtén acceso a nuestro kit de herramientas completo Ignite UI for React y comienza a crear tus propias aplicaciones en minutos. Descárgalo gratis.

     <IgrCategoryChart
        dataSource={this.state.salesData}
        initialGroups="country"
        initialSummaries="Sum(sales) as Sales"
        groupSorts="Sales Desc"/>
    tsx

    Referencias de API

    La siguiente es una lista de miembros de API mencionados en las secciones anteriores:

    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.