방사형 차트 React

    Ignite UI for React 데이터를 가져와서 (수평선을 따라 늘어나는 것이 아니라) 원을 둘러싸는 데이터 포인트 모음으로 렌더링합니다. 방사형 차트는 또한 차트 범위의 최소값부터 최대값까지 범주 목록을 매핑하고 범주 그룹화 메커니즘을 지원합니다.

    React Radial Area Chart

    React Radial 영역 차트 데이터 포인트를 연결하는 직선 모음으로 둘러싸인 채워진 다각형 모양을 가지고 있습니다. 이 차트 유형은 영역 차트와 동일한 데이터 그리기 개념을 사용하지만 데이터 포인트를 가로로 늘리는 대신 원형 축을 중심으로 둘러쌉니다. 아래 예제와 같이 데이터를 IgrRadialAreaSeries에 바인딩하여 IgrDataChart 컨트롤에서 이러한 유형의 차트를 만들 수 있습니다.

    React Radial Column Chart

    방사형 기둥 차트 차트 중앙에서 데이터 포인트 위치를 향해 확장되는 직사각형 컬렉션을 사용하여 시각화됩니다. 이는 기둥 차트와 동일한 데이터 플로팅 개념을 활용하지만 데이터 포인트를 수평으로 늘리는 대신 원 주위에 배치합니다. 아래 예제와 같이 데이터를 IgrRadialColumnSeries에 바인딩하여 IgrDataChart 컨트롤에서 이러한 유형의 차트를 만들 수 있습니다.

    React Radial Line Chart

    React Radial 선형 차트 데이터 포인트를 연결하는 직선 모음으로 렌더링됩니다. 이 차트 유형은 선형 차트와 동일한 데이터 그리기 개념을 사용하지만 데이터 포인트를 가로로 늘리는 대신 원형 축을 중심으로 둘러쌉니다. 아래 예제와 같이 데이터를 IgrRadialLineSeries에 바인딩하여 IgrDataChart 컨트롤에서 이러한 유형의 차트를 만들 수 있습니다.

    React Radial Pie Chart

    방사형 파이 차트 차트 중앙에서 데이터 포인트 위치를 향해 확장되는 원형 조각을 사용합니다. 이 차트 유형은 여러 데이터 포인트 계열을 분류하는 개념을 취하고 수평선을 따라 데이터 포인트를 늘리는 대신 원형 축을 중심으로 이를 래핑합니다. 아래 예제와 같이 데이터를 IgrRadialPieSeries에 바인딩하여 IgrDataChart 컨트롤에서 이러한 유형의 차트를 만들 수 있습니다.

    React Radial Chart Styling

    방사형 차트가 생성되면 선 색상, 마커 유형 또는 해당 마커의 윤곽선 색상 변경과 같은 추가 스타일 사용자 정의를 수행할 수 있습니다. 이 예제에서는 IgrDataChart 컨트롤에서 스타일을 사용자 정의하는 방법을 보여줍니다.

    Additional Resources

    다음 항목에서 관련 차트 유형에 대한 자세한 내용을 확인할 수 있습니다.

    API References

    다음 표에는 위 섹션에서 언급된 API 멤버가 나열되어 있습니다.