React 분산형 차트

    Ignite UI for React 분산형 차트은 포인트 모음을 렌더링합니다. 값은 Y축(왼쪽의 레이블)에 표시되고 카테고리는 X축(아래쪽 레이블)에 표시됩니다. 이러한 차트는 플롯된 값의 총합을 표시하여 일정 기간 동안의 변화량을 강조하거나 여러 항목을 비교하고 전체의 일부 관계를 비교할 수 있습니다.

    React Point Chart Example

    다음에서 React 분산형 차트 생성할 수 있습니다. IgrCategoryChart 데이터를 바인딩하여 제어 ItemsSource 속성과 설정 chartType 재산 가리키다 아래 예와 같이 enum입니다.

    React Point Chart with Single Series

    다음 예에서 React 분산형 차트 y축에 숫자 데이터 열을, x축에 숫자가 아닌 데이터 열을 자동으로 선택하여 단일 데이터 소스를 그립니다.

    React Point Chart with Multiple Series

    React 분산형 차트 사용하면 여러 시리즈를 결합하고 시간이 지남에 따라 어떻게 변화하는지 비교하거나 확인할 수 있으므로 이를 달성하는 것이 얼마나 쉬운지 살펴보겠습니다. 우리가 해야 할 일은 중국과 미국의 데이터가 포함된 데이터 소스에 바인딩하는 것뿐입니다. 그러면 포인트 차트가 추가 데이터에 맞게 자동으로 업데이트됩니다.

    React Point Chart Styling

    React 분산형 차트 설정되면 마커와 윤곽선, 브러시 및 두께 변경과 같은 추가 스타일 사용자 정의를 원할 수 있습니다.

    Advanced Types of Point Charts

    다음 주제에 따라 IgrCategoryChart 컨트롤 대신 IgrDataChart 컨트롤을 사용하여 고급 유형의 React Point Charts를 생성할 수 있습니다.

    Additional Resources

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

    API References

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