Web Components Data Aggregations

Ignite UI for Web Components에서 IgcCategoryChartComponent 컨트롤 데이터 집계 기능을 사용하면 XAxis 축의 고유한 값으로 차트의 데이터를 그룹화한 다음 해당 그룹을 정렬할 수 있습니다. 그런 다음 YAxis 축 범위에 반영되고 시리즈에 마우스를 올리면 도구 설명에 표시되는 요약을 적용할 수 있습니다.

Web Components 데이터 집계 예

다음 예에서는 기둥 차트 해당 그룹은 국가 구성원별로 XAxis Product, MonthName, Year 등 각 데이터 항목 내의 다른 속성으로 변경하여 판매 데이터를 집계할 수 있습니다. 또한 그룹화된 속성에 대해 바람직한 순서를 얻기 위해 요약 및 정렬 옵션을 사용할 수 있습니다.

할당한 속성에 따라 올바른 결과를 얻기 위해 표시된 대로 initialSummaries 및 groupSorts의 드롭다운에 있는 축약된 함수가 적용되었습니다. 예. 합계(매출액)를 매출액으로 | 판매 설명

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

API References

다음은 위 섹션에서 언급된 API 멤버 목록입니다.

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