Web Components Data Aggregations

    En la Ignite UI for Web Components la función de agregación de datos del control IgcCategoryChartComponent le permite agrupar datos en el gráfico por valores únicos en el XAxis y luego ordenar esos grupos. Luego podrá aplicar resúmenes que se reflejarán en el rango del YAxis y se mostrarán en la información sobre herramientas al pasar el cursor sobre la serie.

    Ejemplo de agregaciones de datos Web Components

    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

    <igc-category-chart
         id="chart"
         initial-groups="country"
         initial-summaries="Sum(sales) as Sales"
         group-sorts="Sales Desc">
    </igc-category-chart>
    

    API References

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

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