Angular 방사형 차트

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

    Angular Radial Area Chart

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

    Angular Radial Column Chart

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

    Angular Radial Line Chart

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

    Angular Radial Pie Chart

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

    Angular Radial Chart Styling

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

    Additional Resources

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

    API References

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