React Data Aggregations

Ignite UI for React IgrCategoryChart 컨트롤에서 데이터 집계 기능을 사용하면 차트의 데이터를 고유한 값으로 XAxis 그룹화한 다음 해당 그룹을 정렬할 수 있습니다. 그런 다음 요약을 적용할 수 있으며, 이 요약은 의 범위 YAxis에 반영되며 시리즈를 마우스로 가리킬 때 툴팁에 표시됩니다.

React 데이터 집계 예제

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

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

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