Web Components 방사형 차트

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

    Web Components Radial Area Chart

    The Web Components Radial Area Chart has a shape of a filled polygon that is bound by a collection of straight lines connecting data points. This chart type uses the same concept of data plotting as the Area Chart, but wraps the data points around a circular axis rather than stretching them horizontally. You can create this type of chart in IgcDataChartComponent control by binding your data to IgcRadialAreaSeriesComponent, as shown in the example below.

    Web Components Radial Column Chart

    방사형 기둥 차트은 차트 중앙에서 데이터 포인트 위치로 뻗은 직사각형 모음을 사용하여 시각화됩니다. 이 방법은 기둥 차트와 동일한 데이터 플롯팅 개념을 사용하지만, 데이터 포인트를 수평으로 늘리는 대신 원을 감싸는 방식입니다. 아래 예시처럼 데이터를 aIgcDataChartComponent에 묶어 컨트롤에서IgcRadialColumnSeriesComponent이 유형의 차트를 만들 수 있습니다:

    Web Components Radial Line Chart

    The Web Components Radial Line Chart has renders as a collection of straight lines connecting data points. This chart type uses the same concept of data plotting as the Line Chart, but wraps the data points around a circular axis rather than stretching them horizontally. You can create this type of chart in the IgcDataChartComponent control by binding your data to IgcRadialLineSeriesComponent, as shown in the example below:

    Web Components Radial Pie Chart

    방사형 파이 차트은 차트 중앙에서 데이터 포인트 위치까지 확장되는 파이 슬라이스를 사용합니다. 이 차트 유형은 여러 데이터 포인트를 분류하는 개념을 가져와, 데이터 포인트를 수평선을 따라 늘리는 대신 원형 축을 중심으로 감싸는 방식입니다. 아래 예시처럼 데이터를 aIgcDataChartComponent에 묶어 컨트롤에서IgcRadialPieSeriesComponent이 유형의 차트를 만들 수 있습니다:

    Web Components Radial Chart Styling

    방사형 차트가 완성된 후에는 선 색상, 마커 유형, 또는 그 마커의 윤곽선 색상 변경 등 추가적인 스타일링 커스터마이징을 할 수 있습니다. 이 예시는 컨트롤에서IgcDataChartComponent 스타일링을 커스터마이즈하는 방법을 보여줍니다.

    Web Components Radial Chart Settings

    또한, 라벨은 차트에서 가까이 또는 넓게 보이도록 설정할 수 있습니다. 이는 속성으로LabelMode​IgcCategoryAngleAxisComponent 구성할 수 있습니다.

    Additional Resources

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

    API References

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