Ignite UI for React 변경 로그

    이 페이지에는 Ignite UI for React의 각 버전에 대한 모든 주요 변경 사항이 기록되어 있습니다.

    19.3.1 (December 2025)

    버그 수정

    버그 번호 제어 설명
    33808 IgrData차트 TimeAxisInterval에서 IntervalType Ticks에 대한 스케일 세트는 표시되지 않습니다
    34255 IgrData차트 0.00001 스케일 틱 표시가 서로 겹쳐져 표시됩니다
    38510 IgrData차트 Stacked Series에 대한 AssigningCategoryStyle 이벤트 지원

    Enhancements

    차트

    • TimeXAxisLabelFormat에 LabelFormatOverride 이벤트를 추가하여, 이제 TimeXAxis에서 모든 시간 포맷 레벨의 이벤트로 포맷을 덮어쓸 수 있습니다.

    • 속성의 유효한 값을 찾기 위해 더 많은 항목을 고려하도록 스키마 생성을 조정했습니다.

    19.3.0 (November 2025)

    igniteui-react-charts (Charts)

    사용자 주석

    Ignite UI for React 에서는 이제 새로운 사용자 주석 기능을 사용해 런타임에 슬라이스, 스트립, 포인트 주석으로 주석을 달IgrDataChart 수 있습니다. 이 기능을 통해 최종 사용자는 슬라이스 주석을 사용해 회사 분기 보고서와 같은 중요한 단일 이벤트를 호출하거나, 지속 기간이 있는 이벤트는 스트립 주석을 사용해 플롯에 더 많은 세부사항을 추가할 수 있습니다. 또한 점 주석이나 이 세 가지의 조합을 사용해 그래프 급수에서 개별 점을 불러낼 수도 있습니다.

    이는 이용 가능한 도구IgrToolbar 들과 직접 통합되어 있습니다.

    React user-annotation-create

    축 주석을 위한 충돌 감지

    축 주석이 충돌을 자동으로 감지하고 더 잘 맞도록 잘라내는 기능. 이 기능을 활성화하려면 다음 속성들을 설정해야 합니다:

    • ShouldAvoidAnnotationCollisions
    • ShouldAutoTruncateAnnotations

    igniteui-react-maps (Geographic Map)

    • Azure Map Imagery는 이제 RTM으로 변경되었습니다.

    버그 수정

    버그 번호 제어 설명
    40136 엑셀 라이브러리 Excel 워크북을 로드할 때 FormulaParseException 예외
    40262 IGRSPREADSHEET #Circularity! 경고가 있을 때 표시됩니다. 엑셀 매치를 요청하세요 - 예를 들어 값을 표시하세요. 대신 0
    40458 IGRSPREADSHEET Arial 폰트를 사용할 때, igx 스프레드시트는 셀 내 텍스트를 잘라냅니다
    40490 IgrDatePicker 자동 완성 입력은 날짜 선택기에 아무런 효과가 주지 않습니다

    19.3.0 (October 2025)

    New Components

    igniteui-react-grids (Grids)

    • grid, IgrTreeGrid, IgrHierarchicalGrid

      • 동일한 데이터 또는 기타 사용자 지정 조건을 기반으로 열의 셀을 단일 셀로 구성하고 병합할 수 있는 새로운 셀 병합 기능이 도입되었습니다.

            It can be enabled on the individual columns:

    ```tsx
    <IgrColumn field="field" merge={true}></IgrColumn>
    ```
    The merging can be configured on the grid level to apply either:

        • onSort- 열이 정렬될 때만 해당됩니다.

        • always- 항상 데이터 연산과 상관없이 작동합니다.

            ```tsx
  <IgrGrid cellMergeMode="always">
  </IgrGrid>
  ```

  The default `cellMergeMode` is `onSort`.

  The functionality can be modified by setting a custom `mergeStrategy` on the grid, in case some other merge conditions or logic is needed for a custom scenario.

  It's possible also to set a `mergeComparer` on the individual columns, in case some custom handling is needed for a particular data field.

      • 개별 열을 특정 면(그리드의 시작 또는 끝)에 고정할 수 있는 기능이 추가되어 양쪽 모두에서 고정할 수 있게 되었습니다. 이는 열에 다음 속성을 설정pinningPosition 하여 선언적으로 수행할 수 있습니다:

            ```tsx
    <IgrColumn field="Col1" pinned={true} pinningPosition="pinningPosition">
    </IgrColumn>
    ```

    ```ts
    pinningPosition = ColumnPinningPosition.End;
    ```

    Or with the API, via optional parameter:

    ```ts
    grid.pinColumn('Col1', 0, ColumnPinningPosition.End);
    grid.pinColumn('Col2', 0, ColumnPinningPosition.Start);
    ```

    If property `pinningPosition` is not set on a column, the column will default to the position specified on the grid's `pinning` options for `columns`.

      • Sorting improvements

        • Schwartzian 변환을 사용하여 정렬 알고리즘 효율성을 개선했습니다. 이는 장식-정렬-장식 해제라고도 하는 기술로, 정렬 키를 원래 데이터 레코드와 임시로 연결하여 정렬 키를 다시 계산하지 않도록 합니다.
        • 정렬 알고리즘을 재귀에서 반복으로 리팩토링했습니다.

      • Groupby 개선 사항

        • 그룹화 알고리즘을 재귀에서 반복으로 리팩토링했습니다.
        • 최적화된 그룹화 작업.

    버그 수정

    버그 번호 제어 설명
    1853 목록 목록 구성 요소 및 테마에서 중복된 CSS 변수를 제거했습니다.
    1871 카드 테마의 색 사용
    1873 카드 카드 헤더의 아바타 크기
    1882 채팅 마지막 메시지 이후에 렌더링되지 않는 메시지 작업
    1885 날짜 선택기 편집할 수 없는 입력 구성에 대해 이벤트가 내보내지지 않음
    1894 날짜 선택기 머티리얼 테마에서 값과 노치 테두리를 지울 때 발생하는 문제

    19.2.2 (October 2025)

    igniteui-react-maps (Geographic Map)

    Azure Map Imagery 지원

    이제 AzureGeographicMap 기반 지도 이미지를 지원하여 개발자들이 여러 애플리케이션 유형에 걸쳐 상세하고 동적인 지도를 표시할 수 있게 되었습니다. 여러 지도 레이어를 결합하고, 지리 데이터를 시각화하며, 인터랙티브 지도 경험을 쉽게 만들 수 있습니다.

    참고: Bing 지도 이미지에 대한 지원은 단계적으로 중단됩니다. 기존 엔터프라이즈 키를 사용하여 Bing Maps에 액세스할 수 있으므로 Azure Maps로 전환하는 동안 현재 애플리케이션이 계속 작동하도록 할 수 있습니다.

    여기에서 공개적으로 사용 가능한 Azure Maps 중 일부를 살펴보세요.

    igniteui-react-charts (Charts)

    새 축 레이블 이벤트

    축 라벨에서 다양한 연산을 감지할 수 있도록 다음 이벤트들이 추가DataChart 되었습니다:

    • LabelMouseDown
    • LabelMouseUp
    • LabelMouseEnter
    • LabelMouseLeave
    • LabelMouseMove
    • LabelMouseClick

    컴패니언 축

    X축과 Y축에 속성을 추가CompanionAxis 해 기존 축의 복제를 빠르게 만들 수 있게 했습니다. 이 속성을 사용해CompanionAxisEnabled 활성화하면 복제된 축이 차트의 반대 위치로 기본값으로 옮겨지고, 그 축의 속성을 설정할 수 있습니다.

    RadialPieSeries 삽입 개요

    새로운 부동산이 생겼습니다.UseInsetOutlines 윤곽선을 어떻게 설정하는지 제어하기 위해IgrRadialPieSeries이 작품들이 렌더링됩니다. 이 값을 다음과 같이 설정합니다. 참 슬라이스 형태 안에 윤곽선을 삽입하는 반면, 거짓 (기본값) 값은 윤곽선을 슬라이스 형태의 가장자리에 반쯤 넣고 반쯤 바깥쪽으로 배치합니다.

    주요 변경 내용

    igniteui-react-grids (Grids)

    셀 접미사 내용

    셀 내 접미사 콘텐츠를 지원하여 셀 값 끝에 추가 텍스트나 아이콘을 추가하고 스타일링할 수 있게 했습니다. 셀 접미사 내용에 추가된 속성의 전체 목록은 아래에 나와 있으며,IgrDataGridColumn 그리고CellInfo 클래스:

    아이콘에 사용할 수 있는 최대 크기는 24x24입니다. 이보다 크거나 작은 아이콘을 제공할 수 있지만 24x24 공간에 맞게 적절하게 크기를 조정하여 완전히 표시되도록 뷰박스 설정을 구성해야 합니다.

    버그 수정

    버그 번호 제어 설명
    31624 IgrCategoryChart 의 포함된 창IgrCategoryChart을 재조정하면 차트가 급수를 렌더링하지 못합니다
    27304 DataChart 확대/축소 사각형이 배경 사각형과 동일하게 배치되지 않습니다.
    37930 DataChart 데이터 주석 오버레이 텍스트 색상이 작동하지 않음
    30600 DoughnutChart 차트 또는 계열에 대한 textStyle 속성 없음(원형 차트에는 이 속성이 있음)
    38231 grid 고정되지 않은 열은 숨겨진 열이 있는 경우 원래 위치로 돌아가지 않습니다.
    33861 엑셀 라이브러리 꺾은선형 차트를 추가하면 독일 문화에 대한 Excel 파일이 손상됩니다.

    Enhancements

    IgrBulletGraph

    • 새로운LabelsVisible 부동산 추가

    차트

    • 스타일링을 돕기 위해 DataToolTipLayer, ItemToolTipLayer, CategoryToolTipLayer에 새로운 속성이 추가되었습니다:ToolTipBackground​ToolTipBorderBrush​ToolTipBorderThickness

    • 스타일링을 돕기 위해 DataLegend에 새로운 속성이 추가되었습니다:ContentBackground,ContentBorderBrush, 그리고ContentBorderThickness와ContentBorderBrush는ContentBorderThickness 각각 투명과 0으로 기본 설정되어 있으므로, 이 경계를 보려면 이 속성들을 설정해야 합니다.

    • 마우스의 월드 상대 위치를 제공하는 새로운 속성을IgrChartMouseEventArgs​worldPosition 추가했습니다. 이 위치는 축 공간 내에서 X축과 Y 축 모두에 대해 0과 1 사이의 값이 됩니다.

    • 그리고 더highlightingFadeOpacity​IgrSeriesViewer​IgrDomainChart 해졌다. 이렇게 하면 하이라이트된 연속에 적용되는 불투명도를 설정할 수 있습니다.

    • 도메인 차트를 위해 이벤트를 노출하세요CalloutLabelUpdating.

    이그데이터그리드

    • DataGrid에 호출stopPropagation 되는 새로운 속성을 추가하여 마우스 이벤트가 부모 요소로 버블링되는 것을 방지했습니다

    IgrLinear게이지

    • 새로운LabelsVisible 부동산 추가

    19.2.1 (September 2025)

    Enhancements

    • DatePicker는 날짜 범위 선택기 1818로 입력 시 달력 보기를 업데이트해야 하는 향상된 기능 추가되었습니다.

    버그 수정

    버그 번호 제어 설명
    1831 달력 탐색 스타일 지정
    1833 카드 지원되는 테마의 슬롯형 igc-아바타 크기 스타일
    1826 콤보 드롭다운 초기 높이
    1827 콤보 Indigo 테마의 아이콘 크기 스타일
    1834 DatePicker, DateRangePicker 비활성화된 스타일
    1820 입력 Bootstrap 테마의 접두사 및 접미사 슬롯 스타일
    1824 입력 재질 테마의 레이블 및 테두리 스타일
    1836 입력 재정의된 tabindex 속성이 제거되었습니다.
    1827 선택하다 Indigo 테마의 아이콘 크기 스타일
    1809 스위치 새 엄지 마우스 가리키기 속성 사용
    1837 타일매니저 내부 정규식의 잘못된 이스케이프

    19.2.0 (August 2025)

    • 폼에 연관된 커스텀 요소들은 이제 다음을 노출합니다. IG-인올리드 스타일링을 위한 커스텀 상태는:state() CSS 셀렉터. 추가 정보는 여기를 참조하세요
    • 연관된 사용자 지정 요소 유효성 동작을 구성합니다. 이제 요소들은 모방:user-invalid을 시도하며, UI나 폼requestSubmit()/reset() 호출을 통해 상호작용하지 않는 한 유효하지 않은 스타일을 적용하지 않습니다.

    버그 수정

    버그 번호 제어 설명
    1786 입력 ​읽기 전용 모드의 잘못된 상태
    1786 입력 ​도우미 텍스트의 스타일을 지정할 수 없습니다.
    1795 카드 Indigo 테마의 슬롯형 igc-아바타
    1786 콤보 테두리가 잘못된 상태의 레이블 텍스트와 겹칩니다.
    1799 날짜 선택기 인디고 입면 스타일
    1783 날짜 범위 선택기 키보드 상호 작용의 기본 입력에 포커스 되돌리기
    1792 입력 머티리얼 테마의 자리 표시자 및 라벨 정렬
    1806 탐색 서랍 ​상대 위치, 스타일, 애니메이션 업데이트
    1786 선택하다 잘못된 상태 테마 문제
    1797 텍스트 영역 재료 테마 상호 작용 문제
    1797 텍스트 영역 접미사 부분을 사용한 동작 크기 조정
    1775 달력 수직 모드 컨테이너 패딩
    1731 회전목마 포인터 시작 포커스에서 자동 회전 일시 중지
    1772 회전목마 슬라이드가 변경될 때 이벤트가 발생하는지 확인onSlideChanged​
    1765 날짜 선택기 스타일 문제
    1764 날짜 범위 선택기 CSS 테두리 및 표고
    1747 파일 입력 부트 스트랩 잘못된 상자 그림자 스타일
    1672 스테퍼 지연된 렌더링 시나리오에서 선형 속성을 설정할 때 오류가 발생했습니다.
    1768 텍스트 영역 읽기 전용 상태 스타일
    1755 쓰러지 다 Bootstrap 테마의 아이콘 크기
    1739 입력 머티리얼 테마의 라벨 위치 지정 및 전환 로직

    19.1.0 (July 2025)

    • 구성 요소 - 날짜 범위 선택기

    Breaking Changes

    파일 입력

    • onChange&onCancel Events detail은 이제 기본 구성 요소files 속성을 반환합니다.

    툴팁

    • 툴팁 이벤트는 더 이상 속성에서anchor 목표를 반환detail 하지 않습니다

    Behavioral Changes

    툴팁

    • 행동 변화: 툴팁 기본값placement이 이제 '최하위'입니다.
    • 행동 변경: 툴팁은 기본적으로with-arrow 화살표 표시기를 렌더링하지 않습니다.

    Enhancements

    • 구성 요소가 읽기 전용 상태일 때 더 잘 나타내도록 모든 테마에서 대부분의 양식 관련 구성 요소의 읽기 전용 스타일을 업데이트했습니다.

    버그 수정

    버그 번호 제어 설명
    1710 달력 및 날짜 선택기 특정 시나리오에서 잘못된 날짜 롤오버
    1728 콤보 테마의 대소문자를 구분하지 않는 아이콘 스타일
    1726 입력 유창한 테마의 테두리를 상자 그림자로 바꾸기
    1732 입력 Indigo 테마의 집중 상태 배경색
    1715 텍스트 영역 레이블 높이 및 구성요소 높이 재정의

    19.0.1 (July 2025)

    버그 수정

    버그 번호 제어 설명
    36448 RadialGauge 방사형 레이블 형식 속성이 작동하지 않습니다. (예: 제목, 자막)

    igniteui-react-charts (Charts)

    • 추가 MaximumExtent 그리고MaximumExtentPercentage 축 라벨과 함께 사용할 수 있는 속성들입니다.

    19.0.0 (April 2025)

    igniteui-react-maps (Geographic Map)

    [!Note] As of June 30, 2025 all Microsoft Bing Maps for Enterprise Basic (Free) accounts will be retired. If you're still using an unpaid Basic Account and key, now is the time to act to avoid service disruptions. Bing Maps for Enterprise license holders can continue to use Bing Maps in their applications until June 30,2028. For more details please visit:

    Microsoft Bing 블로그

    igniteui-react-charts (Charts)

    • 추가 차트 데이터 주석 레이어:

      • 데이터 주석 밴드 레이어
      • 데이터 주석 라인 레이어
      • 데이터 주석 사각형 계층
      • 데이터 주석 슬라이스 계층
      • 데이터 주석 스트립 레이어

    • ​데이터 툴팁과 데이터 범례 노출 LayoutMode 툴팁이나 범례의 내용을 테이블이나 수직 레이아웃 구조에 배치하는 데 사용할 수 있는 속성입니다.

    • 차트의 속성은defaultInteraction 새로운 열거가 포함되도록 업데이트되었으며,DragSelect 드래그된 미리보기 Rect가 포함된 점들을 선택할 것입니다.

    • ​ ​ValueOverlay와 ValueLayer, 그리고 위에 나열된 차트 데이터 주석은 이제 그래프 영역에 추가 주석 텍스트를 겹쳐 붙일 수 있는 속성을 노출합니다OverlayText. 이러한 주석의 외관은 많은 오버레이텍스트 접두사 속성을 사용하여 구성할 수 있습니다. 예를 들어, 이 속성은OverlayTextBrush 오버레이 텍스트의 색상을 설정합니다.

    • 추세선 레이어 특정 계열에 추세선 레이어당 단일 추세선을 적용할 수 있는 계열 유형입니다. 이렇게 하면 차트에 여러 TrendlineLayer 계열 유형이 있을 수 있으므로 단일 계열에 여러 추세선을 사용할 수 있습니다.

    igniteui-react-dashboards (Dashboards)

    • 그IgrDashboardTile 이제 DataGrid 뷰에서 차트 시각화로 정렬, 그룹화, 필터링, 선택 등 집계를 전파하는 기능을 지원합니다. 현재 이 방법은 다음과 같은 제약으로 지원되고 있습니다.DataSource​IgrDashboardTile 다음 인스턴스로LocalDataSource.

    igniteui-react-grids

    주요 변경 내용

    Enhancements

    툴바

    • 이제 도구 모음에서 추가된 값 레이어가 범례에 나타납니다.
    • 확대/축소 재설정 도구가 확대/축소 드롭다운으로 이동되었습니다.

    데이터 파이 차트

    • 차트는 이제 한 가지 방법을 보여줍니다GetOthersContext(). 이렇게 하면 "others" 슬라이스의 내용을 반환합니다.

    버그 수정

    버그 번호 제어 설명
    25997 DataGrid 요약은 첫 번째 그룹화된 자식 행에 대해서만 표시됩니다.
    37023 DataChart 툴팁은 overflow hidden이 설정된 경우 잘리거나 화면에서 벗겨집니다.
    37685 IgrSpreadsheet Arial 글꼴로 서식이 지정된 숫자의 렌더링 불량.
    37244 엑셀 라이브러리 사용자 지정 데이터 유효성 검사가 작동하지 않습니다.

    19.0.0 (April 2025)

    [!Note]With 19.0.0 the React product introduces many breaking changes done to improve and streamline the API. Please refer to the full Update Guide.

    Update Guide

    제거

    Enhancements

    스테퍼

    스테퍼 스텝은titlePosition 이제 정의되지 않은 상태가 아니라 기본 설정으로auto 설정되어 같은 동작을 합니다.

    탭

    IGR-TABpanel 속성이 제거됩니다.

    igr-tab-panel 구성 요소가 제거되었습니다. 이제 igr-tab은 탭 헤더와 탭 콘텐츠를 모두 단일 구성 요소로 포함합니다.

    18.9.0 (April 2025)

    New Components

    • 타일매니저

    Enhancements

    목록

    아코디언

    • 새로운 이벤트Open 추가와Close

    igniteui-react-grids

    Deprecations

    • ​clicked이 이벤트는button 비추천됩니다. 네이티브onClick 핸들러를 사용하세요.

    버그 수정

    버그 번호 제어 설명
    25602 DataGrid 날짜별 필터 연산자 중 하나를 사용하여 레이아웃을 로드하면 TypeError 콘솔 오류가 발생합니다.
    28480 IgrCombo 데이터 소스가 교체될 때 정의되지 않은 참조 오류가 발생합니다.
    30319 DataGrid 값이 변경되지 않았음에도 불구하고 레코드가 정렬됩니다.
    32598 DataGrid 다중 선택이 제대로 작동하지 않습니다
    36374 IgrInput 이전 값은 모든 터치 장치에서 양식을 제출할 때 바인딩되었습니다.

    18.8.1 (March 2025)

    igniteui-react-grids

    다음 표에는 이 릴리스의 Ignite UI for React 도구 집합에 대한 버그 수정이 나열되어 있습니다.

    버그 번호 제어 설명
    36864 그리드 react 라이선스 패키지에 대한 잘못된 가져오기 경로 "grids/combined"가 있습니다.

    18.8.0 (February 2025)

    igniteui-react-grids

    • 모든 그리드
      • 그리드의 열에 새로disabledSummaries 추가되어 개발자들이 일부 요약을 건너뛸 수 있게 되었습니다
      • Encapsulate internal grid action 버튼

    igniteui-react

    • 새로운 속성을 추가allowSplitterDock 해Dockmanager 스플릿에서 직접 도킹할 수 있게 했습니다.
    • 새로운 크기 조절 동작을 가능하게 하는useFixedSize 새로운 속성을IgrSplitPane 추가Dockmanager 했습니다.

    Enhancements

    툴바

    버그 수정

    다음 표에는 이 릴리스의 Ignite UI for React 도구 집합에 대한 버그 수정이 나열되어 있습니다.

    버그 번호 제어 설명
    30286 DataChart 거품 시리즈 도구 설명 내용이 거품을 클릭하면 근처의 거품 데이터 내용으로 전환됩니다.
    32906 DataChart DataChart위쪽에 두 개의 xAxis를 표시하고 있습니다
    33605 DataChart ScatterLineSeries가 범례에서 선의 색을 올바르게 표시하지 않습니다.
    34776 DataChart JS 힙에서 메모리 누수 원인을DataChart 반복해서 보여주고 숨기기
    35498 DataChart IncludedSeries에 지정된 계열에 대한 도구 설명이 표시되지 않습니다.
    34324 grid 그리드 템플릿의 조건을 통해 열을 숨기는 기능이 작동하지 않습니다.
    34678 grid 열거형 값이 문자열로 강제 변환되어 일부 그리드 속성에서 예상되는 숫자 동작이 깨집니다.
    32093 IgrPivotGrid PivotDateDimensionOptions가 PivotDateDimension에 적용되지 않음
    34053 RadialGauge 축척 레이블의 위치가 이동됩니다.
    35496 IgrSpreadsheet Excel에서 이미지를 사용하여 스타일을 설정할 때 오류 발생
    36176 엑셀 라이브러리 LET 함수가 있는 Excel 통합 문서를 로드할 때 예외가 발생합니다.
    36379 엑셀 라이브러리 Excel 통합 문서에서 알파 채널이 있는 색상이 로드되지 않음
    26218 엑셀 라이브러리 차트의 플롯 영역 오른쪽 여백이 좁아지고 채우기 패턴과 채우기 전경이 Excel 파일을로드하는 것만으로 사라집니다.
    34083 엑셀 라이브러리 TextOperatorConditionalFormat's가 제대로 로드/저장되지 않음: 텍스트에 템플릿에 =가 포함되어 있으면
    35495 엑셀 라이브러리 템플릿 파일이 로드될 때 셀의 그림이 손실됩니다.

    18.7.7 (January 2025)

    • 버그 수정

    igniteui-react-grids

    • 모든 그리드
      • 구성 요소가 여러 중복 브라우저 탭에서 열릴 때 발생하는 심각한 메모리 누수가 수정되었습니다.

    18.7.6 (December 2024)

    igniteui-react-charts (Charts)

    대시보드 타일

    • 새 대시보드 타일 구성 요소는 바인딩된 ItemsSource 컬렉션 또는 단일 요소를 분석 및 시각화하고 데이터의 스키마 및 개수에 따라 적절한 데이터 시각화를 반환하는 컨테이너 컨트롤입니다. 이 컨트롤은 기본 제공 Toolbar 구성 요소를 활용하여 런타임에 시각화를 변경할 수 있도록 하므로 최소한의 코드로 데이터의 다양한 시각화를 볼 수 있습니다.

    igniteui-react-charts (Inputs)

    • Color Editor는 독립 실행형 색상 선택기로 사용할 수 있으며 이제 ToolAction을 사용하여 런타임​에 시각화를 업데이트합니다.

    18.7.4 (November 2024)

    일반적인

    18.7.0 (September 2024)

    igniteui-react-charts (Charts)

    • 새로운 데이터 파이 차트- 원IgrDataPieChart 형 차트를 렌더링하는 새로운 구성 요소입니다. 이 컴포넌트는 기본IgrCategoryChart 데이터 모델의 속성을 자동으로 감지하면서 ItemLegend 컴포넌트를 통해 선택, 하이라이트, 애니메이션, 범례 등을 지원합니다.

    • 새로운 비례 범주 각도 축- 원형 원형 수열IgrDataChart에 새로운 축을 적용하여 원형 그래프 내 세그먼트로 데이터 포인트를 표현하는 원형 차트와 유사한 슬라이스를 그릴 수 있습니다.

    • IgrToolbar

      • New ToolActionCheckboxList 선택할 수 있는 확인란이 있는 항목 컬렉션을 표시하는 새로운 CheckboxList ToolAction입니다. ToolAction CheckboxList 내의 그리드는 높이가 최대 5개 항목까지 증가한 다음 스크롤 막대가 표시됩니다. IgrCheckboxListModule을 등록해야 합니다.

      • 새로운 필터링 지원

      • 축 필드 변경 사항: CategoryChart를 대상으로 할 때 도구 모음의 새로운 기본 IconMenu. 레이블 필드는 X축에 매핑되고 값 필드는 Y축에 매핑됩니다. 대상 차트는 변경 사항에 실시간으로 반응합니다. 차트에 ItemsSource가 설정되어 있지 않으면 IconMenu가 숨겨집니다.

    igniteui-react

    주요 변경 내용

    igniteui-react-grids

    • 모든 그리드
      • 새로운RowClick 이벤트 추가.
    • IgrPivotGrid
      • 추가된sortable 부동산IgrPivotDimension.
      • 가로 레이아웃을 추가했습니다. 새pivotUI 부동산 내에서 활성화될 수 있습니다rowLayout horizontal.
      • 수평 레이아웃에만 해당되는 행 차원 요약이 추가되었습니다. 각 항목에 대해 활성화할 수 있습니다IgrPivotDimension 설정별로horizontalSummary 받는 사람 참.
      • 수평 요약 위치 설정에horizontalSummariesPosition 속성을 추가pivotUI 했습니다.
      • 행 치수에 줄 헤더를 추가했습니다. 새로운 내에서 활성화할 수 있습니다.pivotUI 재산은showHeaders 참.
      • 이제 키보드 탐색을 통해 행 차원 머리글 또는 열 머리글에서 앞뒤로 행 머리글로 이동할 수 있습니다.
      • 행 차원 축소 사용 ALT + ← → ↑ ↓ 화살표 및 행 머리글 정렬 사용 CTRL + ↑ ↓ 화살표에 대한 키보드 상호 작용이 추가되었습니다.

    주요 변경 내용

    • 모든 그리드
    • IgrPivotGrid
      • 물건을 제거showPivotConfigurationUI 했습니다. 새 옵션을 사용하고pivotUI 그 안에showConfiguration 설정하세요.
    • IgrColumn
      • 물건을 제거했습니다movable. 지금 그리드의 부동산을moving 사용하세요.
      • 물건을 제거했습니다columnChildren. 대신 사용childColumns 하세요.
    • columnGroup
      • 물건을 제거했습니다children. 대신 사용childColumns 하세요.
    • IgrPaginator
      • 삭제isFirstPageDisabled 및isLastPageDisabled 부동산. 대신 사용isFirstPage 하세요isLastPage.

    18.6.1 (June 2024)

    igniteui-react

    • IgrInput​IgrTextarea,- 사용자 입력을 제한하지 않고 검증 규칙을 적용할 수 있도록 노출validateOnly 되었습니다.
    • IgrDropdown-IgrPositionStrategy부동산은 소매되었습니다. 드롭다운은 이제 API를 사용Popover 해 브라우저 뷰포트 상단 레이어에서 컨테이너를 렌더링하여 해당 속성이 쓸모없게 됩니다.
    • IgrDockManager-IgrSplitPane isMaximized이 기능은 폐기되었습니다. 분할 창 레벨에서 isMaximized를 true로 설정해도 실질적인 효과는 없는데, 분할 창은 컨테이너 역할만 하므로 실제 최대화 콘텐츠를 보여주지 않기 때문입니다. 대신에 및/또는isMaximized의IgrTabGroupPane 속성을 사용IgrContentPane 하세요.

    igniteui-react-grids

    • DisplayDensityCSS 사용자 지정 속성으로 대체--ig-size 되었습니다. 더 자세한 내용은 격자 크기 주제를 확인해 보세요.

    • IgrPivotGrid- 이제 컴포넌트 구성을 올바르게 적용할 수 있습니다.

    igniteui-react-charts (Charts)

    • 데이터 범례 그룹화 및 데이터 툴팁 그룹 -새로운 그룹 기능 추가. 속성GroupRowVisible 토글링은 각 시리즈가 참여할 때 그룹을 할당dataLegendGroup 할 수 있습니다. 같은 값이 두 시리즈 이상에 적용되면 그룹으로 나타난다. 모든 사용자를 위해 분류하고 정리해야 하는 대규모 데이터셋에 유용합니다.

    • 차트 선택- 새로운 시리즈 선택 스타일링. 이는 모든 카테고리, 금융 및 방사형 시리즈IgrCategoryChart​IgrDataChart에 걸쳐 널리 채택되어 있습니다. 시리즈를 클릭하면 다른 색상, 밝기 또는 희미함, 초점 아웃라인으로 표시할 수 있습니다. 개별 시리즈나 전체 데이터 항목에 영향을 받는 항목을 관리하세요. 여러 시리즈와 마커를 지원합니다. 특정 데이터 항목의 값 간 다양한 차이점이나 유사점을 설명하는 데 유용합니다. 또한SelectedSeriesItemsChanged​selectedSeriesItems 팝업이나 선택 기반 데이터 분석을 포함한 다른 작업 관련 강력한 비즈니스 요구사항을 구축하는 데 추가적인 도움을 제공합니다.

    • 비례 범주 각도 축- 방사형 원형 수열IgrDataChart에 새로운 축이 도입되어 데이터 차트의 모든 추가 성능을 활용해 견고한 시각화를 가능하게 합니다.

    • 트리맵 하이라이팅- 이제 트리맵 내 아이템의 마우스 오버 하이라이트를 설정할 수 있는 속성을 제공합니다highlightingMode. 이 특성은 두 가지 옵션을 가지는데, 하나는Brighten 마우스를 마우스 위에 올린 아이템에만 하이라이트가 적용되고,FadeOthers 마우스를 올리는 아이템의 하이라이트는 동일하게 유지되지만 나머지는 모두 사라지게 하는 경우입니다. 이 하이라이트는 애니메이션으로 처리되며, 속성을highlightingTransitionDuration 통해 제어할 수 있습니다.

    • 트리맵 백분율 기반 하이라이팅- 노드가 컬렉션의 진행 상황이나 부분집합을 표현할 수 있도록 하는 새로운 백분율 기반 하이라이팅 기능입니다. 외관은 데이터 항목의 구성원이 특정 값까지 백컬러를 채워 넣거나 새highlightedDataSource 값을 제공함으로써 표시됩니다. 토글 방식highlightedValuesDisplayMode과 스타일링이 가능합니다.FillBrushes​

    • IgrToolbar- 특정 도구 주위에 경계선을 그리는 ToolAction의 새로운IsHighlighted 옵션

    igniteui-react-gauges (Gauges)

    18.6.0 (March 2024)

    igniteui-react-charts

    • 새로운 데이터 필터링 기능.initialFilter 필터 표현식을 적용하여 차트 데이터를 일부 레코드의 부분집합으로 필터링합니다. 대용량 데이터를 드릴다운하는 데 사용할 수 있습니다.

    • XamRadialChart

      • 새로운 라벨 모드IgrCategoryAngleAxis 현재는 라벨 위치를 추가로 설정할 수 있는 속성을 제공합니다labelMode. 이 모드는 열거를Center 선택해 기본 모드를 전환하거나,ClosestPoint 새 모드를 사용하면 라벨이 원형 그래프 영역에 더 가까워지도록 할 수 있습니다.

    igniteui-react-grids

    igniteui-react-gauges

    • IgrRadialGauge
      • 새로운 제목/부제목 속성.titleText,subtitleText 게이지 하단 근처에 나타납니다. 또한 다음과 같은 다양한 제목/자막 폰트 속성도 추가되었습니다TitleFontSize,TitleFontFamily,TitleFontStyle,TitleFontWeight 그리고titleExtent. 마지막으로, 새로운titleDisplaysValue이 함수는 바늘의 위치에 맞게 값을 부여합니다.
      • 새로운opticalScalingEnabled 것들과opticalScalingSize 부동산을 위한IgrRadialGauge 것들. 이 새로운 기능은 게이지의 라벨, 제목, 자막이 100% 광학 스케일링을 가지는 크기를 관리할 것입니다. 이 새로운 기능에 대해 더 알고 싶다면 이 주제에서 읽어보실 수 있습니다
      • 새로운 하이라이트 바늘이 추가되었습니다.highlightValue​highlightValueDisplayMode 두 가지 모두 값과 '오버레이' 설정이 제공되면, 메인 바늘이 희미하게 보이고 새로운 바늘이 나타납니다.
    • IgrLinearGauge
      • 새로운 하이라이트 바늘이 추가되었습니다.highlightValue​highlightValueDisplayMode 두 가지 모두 값과 '오버레이' 설정이 제공되면, 메인 바늘이 희미하게 보이고 새로운 바늘이 나타납니다.
    • IgrBulletGraph
      • 이제 '오버레이' 설정에 적용될 때highlightValue 성능 바는 값과 새highlightValueDisplayMode 값의 차이를 반영합니다. 하이라이트 값은 필터링된 /부분집합 완료 완료 비율을 채워진 색상으로 표시하고, 나머지 막대의 외관은 할당된 값으로 희미하게 나타나 실시간으로 성능을 보여줍니다.

    igniteui-react

    • 새로운IgrTextarea 구성 요소
    • 새로운IgrButtonGroup 구성 요소
    • IgrDockManager
      • 새proximityDock 부동산. 활성화되면 도킹 표시기가 보이지 않으며, 최종 사용자는 드래그된 창을 목표 창 가장자리 가까이에서 끌어당겨 도킹할 수 있습니다.
      • 새containedInBoundaries 부동산. 부동 창이 도크 관리자 경계 내에 유지되는지 결정합니다. 기본값은false​
      • 새showPaneHeaders 부동산. 창 헤더가 호버 시에만 표시되는지 아니면 항상 보이는지를 결정합니다. 기본값은always​
    • IgrInput, IgrMaskInput, IgrDateTimeInput, IgrRating
      • Readonly이름이 다음과 같이 변경되었습니다.readOnly
    • IgrInput
      • Maxlength이름이 다음과 같이 변경되었습니다.maxLength
      • Minlength이름이 다음과 같이 변경되었습니다.minLength
    • IgrTree
      • 노드 위를 클릭하면 확장 상태가 바뀌는지 여부를 결정하는 추가 속성이toggleNodeOnClick 추가되었습니다. 기본값은 다음과false 같습니다.
    • IgrRating
      • allowReset덧붙였다. 활성화되면 같은 값을 선택하면 컴포넌트가 초기화됩니다. 동작 변경- 이전 릴리스에서는 이것이 등급 구성 요소의 기본 동작이었습니다. 이 동작을 유지해야 하는지 신청서에 꼭 설정allowReset 하세요.
    • select, IgrDropdown
      • 노출selectedItem​items​groups 되고 얻는 사람들

    Deprecations

    • 이 구성 요소는Form 더 이상 지원되지 않습니다. 대신 네이티브 폼 요소를 사용해 주세요.
    • 속성과 속성은size 모든 컴포넌트에서 폐지되었습니다. 대신 CSS 커스텀 속성을 사용--ig-size 하세요. 다음 예시는 아바타 구성 요소의 크기를 작게 설정합니다:
      .avatar {
    --ig-size: var(--ig-size-small);
}
    • IgrDateTimeInput
      • MinValue​MaxValue그리고 부동산들은 더 이상 가치가 없었습니다. 제발, 대신 사용min​max 해 주세요.
    • IgrRangeSlider
      • AriaLabelLower​AriaLabelUpper그리고 부동산들은 더 이상 가치가 없었습니다. 제발, 대신 사용thumbLabelLower​thumbLabelUpper 해 주세요.

    제거

    • 기본 속성을 그림자처럼 감시하는 우리 자신의dir 속성을 제거했습니다. 이것은 깨지지 않는 변화입니다.
    • IgrSlider-ariaLabel그림자 같은 부동산. 이것은 깨지지 않는 변화입니다.
    • IgrCheckbox-ariaLabelledBy그림자 속성. 이것은 깨지지 않는 변화입니다.
    • IgrSwitch-ariaLabelledBy그림자 속성. 이것은 깨지지 않는 변화입니다.
    • IgrRadio-ariaLabelledBy그림자 속성. 이것은 깨지지 않는 변화입니다.

    18.5.0 (January 2024)

    igniteui-react-charts (Charts)

    • 차트 하이라이트 필터-IgrCategoryChart​IgrDataChart이제 데이터의 하위 집합 내에서 하이라이트와 애니메이션을 내고 애니메이션을 구현하는 방법을 제공합니다. 이 하이라이트의 표시는 시리즈 유형에 따라 다릅니다. 열과 면적 시리즈의 경우, 부분집합은 전체 데이터 집합 위에 표시되며, 부분집합은 실제 브러시로 색칠되고, 전체 집합은 불투명도가 감소합니다. 선 수열의 경우, 부분집합은 점선으로 표시됩니다.

    18.4.0 (December 2023)

    igniteui-react-grids (Grid)

    18.3.0 (October 2023)

    igniteui-react-grids - Toolbar -

    • 클립보드를 통해 차트를 이미지로 저장하는 저장 도구 작업이 추가되었습니다.

    • 툴바orientation의 속성을 통해 수직 방향이 추가되었습니다. 기본적으로 툴바는 수평이지만, 이제 툴바는 수직 방향으로 표시되어 공구가 좌우로 정중히 나타납니다.

    • 툴바 방식을 통해 사용자 지정 SVG 아이콘 지원이 추가되어 사용자 지정 도구 생성이 더욱 향상되었습니다renderImageFromText.

    • 그리드- 이것은 완전히 작동하는 새로운 크로스 플랫폼 그리드이며 필터링, 정렬, 템플릿, 행 선택, 행 그룹화, 행 고정 및 이동 가능한 열과 같은 기능을 포함합니다.

    더 이상 사용되지 않는 구성 요소

    DataGrid - The DataGrid is deprecated, please use Grid

    18.2.0 (June 2023)

    New Components

    • 툴바- 이 컴포넌트는 UI 작업을 위한 동반 컨테이너로, 주로 차트 구성 요소와 함께 사용됩니다. 툴바는 ORIgrDataChart 컴포넌트와IgrCategoryChart 연동되면 속성과 도구 항목의 사전 설정으로 동적으로 업데이트됩니다. 프로젝트에 맞는 맞춤형 도구를 만들어 최종 사용자가 변경할 수 있도록 무한한 맞춤화를 제공할 수 있습니다.

    igniteui-react-charts (Charts)

    • ValueLayer- 이제 'theIgrValueLayer '라는 새로운 시리즈 타입이 공개되어 플롯된 데이터의 다양한 초점점(최대값, 최소값, 평균 등)에 대해 오버레이를 렌더링할 수 있습니다. 이는 새IgrCategoryChart 집합에 추가하여 와IgrFinancialChart에 적용됩니다valueLines.

    • 이제 대시 배열을 시리즈의IgrDataChart 여러 부분에 적용할 수 있습니다. 이 기능을 차트에 표시된 연속, 차트의 격자선, 그리고 차트에 표시된 연속의 추세선에 적용할 수 있습니다.

    18.1.0 (November 2022)

    기본 동작에 대한 상당한 개선 사항이 추가되었으며 카테고리 차트 API를 더 쉽게 사용할 수 있도록 개선되었습니다. 이러한 새로운 차트 개선 사항은 다음과 같습니다.

    • 브라우저/화면 크기에 따라 수평 라벨 회전을 위한 반응형 레이아웃.
    • 모든 플랫폼에서 둥근 레이블에 대한 향상된 렌더링.
    • StackedFragmentSeries에 마커 속성을 추가했습니다.
    • 추가shouldPanOnMaximumZoom 재산.
    • 새 범주 축 속성:
      • ZoomMaximumCategoryRange
      • ZoomMaximumItemSpan
      • ZoomToCategoryRange
      • ZoomToItemSpan
    • 범주 문자열 및 숫자 값을 그룹화, 정렬 및 요약하기 위한 새로운 차트 집계 API로 차트 데이터를 미리 집계하거나 계산할 필요가 없습니다.
      • 초기 정렬 설명
      • 초기 정렬
      • 정렬 설명
      • 초기 그룹
      • 초기 그룹 설명
      • 그룹 설명
      • 초기 요약
      • 초기 요약 설명
      • 요약설명
      • 초기 그룹 정렬 설명
      • 그룹 정렬
      • 그룹 정렬 설명

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

    igniteui-react-grids (Data Grid)

    16.16.0 (June 2022)

    igniteui-react-charts (Charts)

    • 고도로 구성 가능한 DataLegend 컴포넌트를 추가했는데, 이 구성은 와 유사IgrLegend 하게 작동하지만 시리즈의 값을 보여주고 시리즈 행과 값 열을 필터링하는 여러 구성 속성, 스타일링 및 서식화 값을 제공합니다.
    • 도구 설명에 시리즈의 범례 배지뿐만 아니라 시리즈의 값과 제목을 표시하는 고도로 구성 가능한 DataToolTip을 추가했습니다. 이것은 이제 모든 차트 유형에 대한 기본 도구 설명입니다.
    • 스택드 시리즈에 대한 애니메이션 및 전환 지원 추가. 속성을 true로 설정isTransitionInEnabled 하면 애니메이션을 활성화할 수 있습니다. 그 다음, 애니메이션이 완료transitionInDuration 되는 데 걸리는 시간과 어떤 종류의 애니메이션이 진행되는지 속성을 설정할transitionInMode 수 있습니다.
    • 추가AssigningCategoryStyle 이벤트는 이제 모든 시리즈IgrDataChart에서 이용 가능합니다. 이 이벤트는 배경색이나 하이라이트 등Fill 시리즈 항목의 조건부를 조건으로 구성하고 싶을 때 처리됩니다.
    • CalloutLayer의 새로운allowedPositions 열거 방식. 차트 내 호출 위치를 제한하는 데 사용됩니다. 기본적으로 호출 표시는 지능적으로 최적의 위치에 배치되지만,TopLeft​TopRight​BottomLeft 이는 예를BottomRight 들어 강제로 하거나
    • 주석 레이어에 대한 새로운 모서리 반경 속성이 추가되었습니다. 각 콜아웃의 모서리를 둥글게 만드는 데 사용됩니다. 이제 코너 반경이 기본적으로 추가되었습니다.
    • 새로운horizontalViewScrollbarMode 기능과verticalViewScrollbarMode 열거 기능을 통해 다양한 방식으로 스크롤바를 활성화합니다. 또는 (OrisVerticalZoomEnabled)와isHorizontalZoomEnabled 함께 사용하면 축을 따라 스크롤바를 유지하거나 페이드인/아웃하여 차트를 탐색할 수 있습니다.
    • 새로운FavorLabellingScaleEnd, 축이 눈금 끝에 라벨을 방출하는 쪽으로 선호하는지 결정합니다. 숫자 축(예:IgrNumericXAxis​IgrNumericYAxis,)PercentChangeAxis과 호환됩니다.
    • 새로운 조건isSplineShapePartOfRange은 축의 요청된 축 범위에 스플라인 형태를 포함할지 여부를 결정합니다.
    • 뉴xAxisMaximumGap, 는 사용할xAxisGap 때 플롯된 급수의 최대 허용 값을 결정합니다. 간격은 그래프로 그린 수열의 열이나 막대 사이의 간격 크기를 결정합니다.
    • NewxAxisMinimumGapSize는 각 범주 간에 항상 일정한 간격이 있는지 확인하기 위해xAxisGap 도형화된 시리즈에 대해 최소 허용되는 픽셀 기반 값을 결정합니다.

    igniteui-react-grids (Data Grid)

    큰 데이터 집합을 유사한 콘텐츠가 있는 페이지 시퀀스로 분할하는 데 사용되는 새 기능 -행 페이징이 추가되었습니다. 페이지 매김을 사용하면 데이터를 설정된 행 수로 표시할 수 있으므로 사용자가 스크롤 막대 없이 데이터를 "스크롤"할 수 있습니다. 테이블 페이지 매김을 위한 UI에는 일반적으로 현재 페이지, 총 페이지, 사용자가 데이터 페이지를 넘길 수 있는 클릭 가능한 이전 및 다음 화살표/단추 등이 포함됩니다.

    16.15.1 (December 2021)

    igniteui-react-grids (Data Grid)

    데이터 그리드

    • 추가ValueMultiField 된 타입의 문자열[]은IgrComboBoxColumn 드롭다운에 여러 필드로 구성된 키가 포함될 때 사용됩니다.

    [!Note] The following breaking changes were introduced

    • 속성 타입 string[]에서 문자열로 변경valueField 했습니다.

    igniteui-react-inputs (Inputs)

    날짜 선택기

    • ValueChanged 이벤트를 변경했습니다.SelectedValueChanged​

    Multi-Column ComboBox

    • 이벤트를 변경했습니다TextChanged​TextValueChanged.
    • 이벤트를 변경했습니다ValueChanged​SelectedValueChanged.

    16.15.0 (November 2021)

    [!Note] Please ensure package "lit-html": "^2.0.0" or newer is added to your project for optimal compatibility.

    igniteui-react-charts (Charts)

    이 릴리스에서는 지리적 맵 및 모든 차트 구성 요소에 대한 시각적 디자인 및 구성 옵션에 대한 몇 가지 개선 사항 및 단순화를 소개합니다.

    • 변화yAxisLabelLocation 속성의 타입을 다음과 같이 YAxis라벨위치 보낸 사람 축 라벨위치 안으로IgrFinancialChart 그리고IgrCategoryChart
    • 변화xAxisLabelLocation 속성의 타입을 다음과 같이 XAxis라벨위치 보낸 사람 축 라벨위치 안으로IgrFinancialChart
    • 추가된xAxisLabelLocation 속성IgrCategoryChart
    • 전설에서 지IgrGeographicMap 리적 연속을 표현할 수 있는 추가 지원
    • 기본적으로IgrFinancialChart 십자선 선을 추가했습니다.IgrCategoryChart
    • 기본적으로IgrFinancialChart 십자선 주석을 추가했습니다.IgrCategoryChart
    • 기본적으로 최종 값 주석을 추가했습니다IgrFinancialChart
    • 카테고리 차트 및 금융 차트에 새 속성이 추가되었습니다.
    • 카테고리 차트, 금융 차트, 데이터 차트 및 지리 지도에 새 속성을 추가했습니다.
    • 데이터 차트 및 지리 지도의 계열에 새 속성이 추가되었습니다.
    • 범주 차트 및 시리즈에서 기본 수직 십자선 선 획을 #000000에서 #BBBBBB로 변경했습니다.
    • 같은 차트에 표시된 모든 연속을 마커 모양으로 원형으로 바꿨습니다. 이는 차트의markerAutomaticBehavior 속성을 열거 값으로SmartIndexed 설정함으로써 되돌릴 수 있습니다
    • 차트 평례에서 원, 선, 정사각형만 표시하도록 단순화된 수열 형태. 이는 차트의legendItemBadgeMode 속성을 열거 값으로MatchSeries 설정함으로써 되돌릴 수 있습니다
    • 접근성을 개선하기 위해 모든 차트에 표시되는 시리즈 및 마커의 색상 팔레트 변경
    오래된 브러시/윤곽선 새로운 아웃라인/브러시
    #8BDC5C
    #8B5BB1
    #6DB1FF
    #F8A15F
    #EE5879
    #735656
    #F7D262
    #8CE7D9
    #E051A9
    #A8A8B7    		 #8BDC5C
    #8961A9
    #6DB1FF
    #82E9D9
    #EA3C63
    #735656
    #F8CE4F
    #A8A8B7
    #E051A9
    #FF903B

    igniteui-react-grids (Data Grid)

    16.14.0 (April 2021)

    igniteui-react-charts (Charts)

    이번 릴리스는 모든 차트 구성 요소에 대해 여러 가지 새롭고 향상된 시각적 디자인 및 구성 옵션을 도입합니다.IgrDataChart 예를 들어,IgrCategoryChart​IgrFinancialChart​

    • Bar/Column/Waterfall 시리즈가 둥근 모서리 대신 정사각형 모서리를 갖도록 변경됨
    • Scatter High Density 시리즈의 heat min 속성 색상을 #8a5bb1에서 #000000으로 변경
    • Scatter High Density 시리즈의 heat max 속성 색상이 #ee5879에서 #ee5879로 변경되었습니다.
    • Financial/Waterfall 시리즈와NegativeBrush 부동산을NegativeOutline 변경 #C62828 변경했습니다 #ee5879
    • 마커의 두께를 1px에서 2px로 변경
    • 마커의 채우기를 마커의 윤곽IgrPointSeries 선과 일치하도록 변경했습니다,IgrBubbleSeries,IgrScatterSeries.IgrPolarScatterSeries setmarkerFillMode 속성을 Normal로 설정하면 이 변경을 되돌릴 수 있습니다
    • 그리고 에 대한IgrTimeXAxis 압축 라벨링IgrOrdinalTimeXAxis
    • 새 마커 속성:
      • 시리즈.markerFillMode- 표지가 윤곽선에 의존하도록 설정할MatchMarkerOutline 수 있습니다
      • 시리즈.markerFillOpacity- 0에서 1까지의 값으로 설정할 수 있습니다
      • 시리즈.markerOutlineMode- 는 마커의 윤곽선이 필 브러시 색상에 따라 달라지도록 설정할MatchMarkerBrush 수 있습니다
    • 새 시리즈 속성:
      • 시리즈.outlineMode- 시리즈 개요 가시성을 토글하도록 설정할 수 있습니다. 참고로, 데이터 차트의 경우, 속성은 급수에 속합니다.
    • 차트가 기본 줌 레벨일 때 뷰포트에 블리드 오버 영역을 정의하는 새로운 차트 속성이 도입됩니다. 일반적인 사용 사례는 축과 첫 번째/마지막 데이터 포인트 사이에 공간을 제공하는 것입니다. 참고로, 아래에 나열된 옵션은computedPlotAreaMarginMode 마커가 활성화되면 자동으로 마진을 설정합니다. 다른 것들은 두께를 나타내기 위해 aDouble를 지정하도록 설계되었으며, PlotAreaMarginLeft 등이 차트의 네 변 모두에 맞게 공간을 조정합니다:
    • 새 하이라이트 속성
      • 차트.highlightingMode- 떠 있거나 비떠 있는 직렬을 희미하거나 밝게 하는 세트
      • 차트.highlightingBehavior- 마우스 위치에 따라 시리즈 하이라이트 여부를 설정하기: 예: 아이템 바로 위나 가장 가까운 위치
      • 참고로 이전 릴리스에서는 강조 표시가 호버 시 페이드되는 것으로 제한되었습니다.
    • 스택형, 분산형, 극좌표, 방사형 및 도형 시리즈 강조 표시 추가:
    • Stacked, Scatter, Polar, Radial 및 Shape 시리즈에 주석 레이어를 추가했습니다.
    • 누적 시리즈 내에서 개별 스택 조각의 데이터 소스를 재정의하기 위한 지원이 추가되었습니다.
    • Stacked, Scatter, Range, Polar, Radial 및 Shape 시리즈에 사용자 정의 스타일 이벤트 추가
    • 세로 확대/축소를 시리즈 콘텐츠에 자동으로 동기화하는 지원 추가
    • 표시된 초기 레이블을 기반으로 차트의 가로 여백을 자동으로 확장하는 지원이 추가되었습니다.
    • 계열 및 마커의 재설계된 색상 팔레트:
    오래된 브러시/윤곽선 새로운 아웃라인/브러시
    #7446B9
    #9FB328
    #F96232
    #2E9CA6
    #DC3F76
    #FF9800
    #3F51B5
    #439C47
    #795548
    #9A9A9A    		 #8bdc5c
    #8b5bb1
    #6db1ff
    #f8a15f
    #ee5879
    #735656
    #f7d262
    #8ce7d9
    #e051a9
    #a8a8b7

    예를 들어:
    차트기본값1 차트기본값2
    차트기본값3 차트기본값4

    차트 범례

    • ItemLegend에 Bubble, Donut, 파이 차트와 함께 사용할 수 있는 가로orientation 속성을 추가했습니다
    • 추가legendHighlightingMode 속성 - 전설 아이템 위에 마우스를 올릴 때 시리즈 하이라이트 기능을 활성화합니다

    igniteui-react-maps (GeoMap)

    [!Note] These features are CTP

    • 지도의 랩 어라운드 표시에 대한 지원 추가(가로 무한 스크롤)
    • 좌표 원점을 둘러싸는 동안 일부 지도 시리즈의 디스플레이 이동에 대한 지원이 추가되었습니다.
    • 도형 계열 강조 표시 지원 추가
    • 모양 시리즈의 일부 주석 레이어에 대한 지원 추가

    igniteui-react-grids (Data Grid)

    • 추가EditOnKeyPress 된 기능, 즉 엑셀 스타일의 편집 기능으로, 타이핑 즉시 편집을 시작할 수 있습니다.
    • 추가EditModeClickAction 특성 - 기본적으로 편집 모드에 들어가려면 더블 클릭이 필요합니다. 이 모드는 새SingleClick 셀을 선택할 때 편집 모드가 발생할 수 있도록 설정할 수 있습니다.
    • 추가된EnterKeyBehaviors 속성 - 즉, 엑셀 스타일의 내비게이션(Enter 동작) – 엔터 키의 동작을 제어합니다. 예를 들어 옵션은 (없음, 편집, 위로, 아래, 왼쪽, 오른쪽)
    • 추가EnterKeyBehaviorAfterEdit 속성 - 편집 모드에서는 이 속성이 엔터를 누를 때 제어합니다. 예를 들어 옵션은 (아래, 위, 오른쪽, 왼쪽으로 이동)
    • 추가SelectAllRows- 방법.
    • 행 범위 선택 추가 - 속성을 MultipleRow로 설정하면GridSelectionMode 다음과 같은 새로운 기능이 추가되었습니다:
      • 행을 선택하려면 클릭하고 드래그하세요.
      • SHIFT을 클릭하여 여러 행을 선택합니다.
      • SHIFT을 누르고 + ↓ 화살표 키를 눌러 ↑ 여러 행을 선택합니다.
    • 스페이스바를 누르면 멀티플로우 또는 싱글로우로 설정된 속성을 통해GridSelectionMode 활성 행 선택을 토글할 수 있습니다
    • Added Column Summaries to Column Options Dialog.

    igniteui-react-inputs (Inputs)

    날짜 선택기

    • ShowTodayButton- 오늘 버튼 가시성 토글
    • label- 날짜 값 위에 라벨을 추가합니다
    • placeholder속성 - 선택되지 않은 값 시 맞춤 텍스트를 추가합니다
    • FormatString- 입력 날짜 문자열 맞춤 설정(예: (yyyy-MM-dd)
    • DateFormat- 선택한 날짜를 LongDate로 표시할지 ShortDate로 표시할지 지정합니다
    • FirstDayOfWeek- 주 첫째 요일을 명시함
    • FirstWeekOfYear- 연초를 언제 표시할지 명시함, 예: (첫 번째 풀 위크, 첫 번째 4일 주)
    • ShowWeekNumbers- 토글스 위크 번호 가시성
    • MinDate&MaxDate- 날짜 제한, 사용 가능한 선택 날짜 범위 지정.
    • 추가된 접근성

    16.12.3 (November 2020)

    igniteui-react-grids (Data Grid)

    [!Note] These breaking changes were introduce in the grid package.

    • PropertyPath의 이름이 변경되었습니다.

    데이터 그리드 컴포넌트 속성propertyPath이 이름field이 변경되었습니다. 이는 모든 컬럼 유형, 즉 GroupDescription, SortDescription, SummaryDescription에 적용됩니다.

     <IgrTextColumn field="Name"/>

    import { IgrColumnSummaryDescription, IgrColumnSortDescription, IgrColumnGroupDescription } from 'igniteui-react-data-grids'
const productCount = new IgrColumnSummaryDescription();
productCount.field = "ProductName";
const colSortDesc = new IgrColumnSortDescription();
colSortDesc.field = "UnitsInStock";
const income = new IgrColumnGroupDescription();
income.field = "Income";

    16.12.2 (April 2020)

    igniteui-react-grids (Data Grid)

    • 라이브그리드 명칭 변경

    데이터 그리드 구성 요소와 해당 모듈의 이름이 "LiveGrid"에서 "DataGrid"로 변경되었습니다.

    [!Note] These breaking changes were introduce in these packages and components only:

    그리드와 해당 모듈을 가져오기 위한 새 코드는 다음과 같습니다.

    import { IgrDataGrid } from "igniteui-react-data-grids";
import { IgrDataGridModule } from 'igniteui-react-data-grids';
    • 데이터 그리드에 필요한 피어 종속성

    데이터 그리드 구성 요소에는 "inputs" 패키지가 필요합니다.

    **npm install --save igniteui-react-inputs**

    16.11.7

    • 변경된 수입 명세서

    API 클래스 및 열거형에 대한 전체 경로 대신 패키지 이름만 사용하도록 가져오기 문이 간소화되었습니다.

    [!Note] These breaking changes were introduce in these packages and components only:

    영향을 받는 패키지 영향을 받는 구성 요소
    igniteui-react-excel 엑셀 라이브러리
    igniteui-react-spreadsheet 스프레드시트
    igniteui-react-maps 지역 지도, 트리맵
    igniteui-react-gauges 불릿 그래프, 선형 계기, 방사형 게이지
    igniteui-react-charts 카테고리 차트, 데이터 차트, 도넛 차트, 금융 차트], 파이 차트, 확대/축소 슬라이더
    igniteui-react-core 모든 클래스와 열거형
    igniteui-반응-그리드 데이터 그리드
    • 변경 후 코드

    이제 API 클래스 및 열거형에 대한 전체 경로 대신 패키지 이름만 사용해야 합니다.

    Data Grid 구성 요소 및 해당 모듈의 이름도 변경되었습니다.

    // gauges:
import { IgrLinearGauge } from "igniteui-react-gauges";
import { IgrLinearGaugeModule } from "igniteui-react-gauges";
import { IgrLinearGraphRange } from "igniteui-react-gauges";
import { IgrRadialGauge } from 'igniteui-react-gauges';
import { IgrRadialGaugeModule } from 'igniteui-react-gauges';
import { IgrRadialGaugeRange } from 'igniteui-react-gauges';
import { SweepDirection } from 'igniteui-react-core';
// charts:
import { IgrFinancialChart } from 'igniteui-react-charts';
import { IgrFinancialChartModule } from 'igniteui-react-charts';
import { IgrDataChart } from 'igniteui-react-charts';
import { IgrDataChartCoreModule } from 'igniteui-react-charts';
// maps:
import { IgrGeographicMap } from "igniteui-react-maps";
import { IgrGeographicMapModule } from "igniteui-react-maps";
// grids:
import { IgrLiveGrid } from "igniteui-react-data-grids";
import { IgrLiveGridModule } from 'igniteui-react-data-grids';
    • 변경 전 코드

    이전에는 API 클래스 및 열거형에 대한 전체 경로를 사용하여 가져와야 했습니다.

    // gauges:
import { IgrLinearGauge } from "igniteui-react-gauges/ES5/igr-linear-gauge";
import { IgrLinearGaugeModule } from "igniteui-react-gauges/ES5/igr-linear-gauge-module";
import { IgrLinearGraphRange } from "igniteui-react-gauges/ES5/igr-linear-graph-range";

import { IgrRadialGauge } from "igniteui-react-gauges/ES5/igr-radial-gauge";
import { IgrRadialGaugeModule } from "igniteui-react-gauges/ES5/igr-radial-gauge-module";
import { IgrRadialGaugeRange } from "igniteui-react-gauges/ES5/igr-radial-gauge-range";
import { SweepDirection } from "igniteui-react-core/ES5/SweepDirection";

// charts:
import { IgrFinancialChart } from "igniteui-react-charts/ES5/igr-financial-chart";
import { IgrFinancialChartModule } from "igniteui-react-charts/ES5/igr-financial-chart-module";
import { IgrDataChart } from "igniteui-react-charts/ES5/igr-data-chart";
import { IgrDataChartCoreModule } from "igniteui-react-charts/ES5/igr-data-chart-core-module";

// maps:
import { IgrGeographicMap } from "igniteui-react-maps/ES5/igr-geographic-map";
import { IgrGeographicMapModule } from "igniteui-react-maps/ES5/igr-geographic-map-module";

// grids:
import { IgrLiveGrid } from "igniteui-react-data-grids/ES5/igr-live-grid";
import { IgrLiveGridModule } from 'igniteui-react-data-grids/ES5/igr-live-grid-module';