Web Components Data Aggregations

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

    Web Components 데이터 집계 예

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

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

    EXAMPLE
    DATA
    TS
    HTML
    CSS

    이 샘플이 마음에 드시나요? 당사의 완전한 Ignite UI for Web Components 툴킷에 액세스하여 몇 분 만에 나만의 앱을 빌드하기 시작하세요. 무료로 다운로드하세요.

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

    API 참조

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

    includeProperties를 사용할 때 차트 집계가 작동하지 않습니다 | 제외된 속성. 차트의 이러한 속성은 집계되지 않은 데이터를 위한 것입니다. 데이터를 집계하려고 하면 이러한 속성을 더 이상 사용해서는 안 됩니다. 작동하지 않는 이유는 집계가 렌더링을 위해 차트에 전달되는 컬렉션을 대체하기 때문입니다. 포함/제외 속성은 해당 데이터의 속성을 필터링하거나 필터링하도록 설계되었으며 해당 속성은 더 이상 새 집계 컬렉션에 존재하지 않습니다.