React Data Aggregations

Ignite UI for ReactIgrCategoryChart 컨트롤에서는 데이터 집계 기능을 통해 차트 내 데이터를 고유 값XAxis 별로 그룹화하고, 그 그룹들을 정렬할 수 있습니다. 그 후 요약을 적용할 수 있는데, 이 요약은 시리즈의YAxis 범위에 반영되어 툴팁에 표시됩니다.

React Data Aggregations Example

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

참고로, 드롭다운initialSummaries​groupSorts에 있는 축약된 함수들은 할당한 속성에 따라 올바른 결과를 얻기 위해 앞으로도 적용된 것입니다. 예를 들어, Sum(sales) as Sales | 판매 설명

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

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.