React 버블 차트

    Ignite UI for React 여러 개의 개별 데이터 시리즈에서 항목 간의 관계를 나타내거나 x 및 y 좌표를 사용하여 데이터 항목을 플로팅하기 위해 가변 스케일링이 있는 마커를 표시하는 분산형 차트 유형입니다. 데이터 포인트의 이러한 좌표는 두 개의 숫자 데이터 열에 의해 결정됩니다. Bubble Chart는 불균일한 간격 또는 데이터 클러스터에 주의를 기울입니다. 이 차트는 종종 과학적 데이터를 플로팅하는 데 사용되며 수집된 데이터와 예측된 결과의 편차를 강조할 수 있습니다. Bubble Chart는 Scatter Marker Chart의 많은 특성을 가지고 있지만 다양한 반경 스케일 크기를 가질 수 있는 옵션이 있습니다.

    React Bubble Chart Example

    아래 예시와 같이 두 개의 숫자 축을 사용IgrDataChart 해 컨트롤 Ignite UI for ReactIgrBubbleSeries 버블 차트를 만들 수 있습니다.

    React Bubble Chart with Single Series

    아래 예시처럼 데이터를 property에ItemsSource​IgrBubbleSeries 바인딩하고 itxMemberPath,yMemberPath,radiusMemberPath properties를 사용하여 데이터 열을 매핑할 수 있습니다:

    React Bubble Chart with Multiple Series

    버블 차트에서는 여러 데이터 소스 React 묶기 위해 각 새로운 데이터 소스를 다음과 같이 설정하여 작동합니다ItemsSource 추가IgrBubbleSeries, 아래 예시에서 보여준다:

    React Bubble Chart Styling

    버블 차트에서는 버블 마커의 형태 React 속성을 사용markerType 해 크기,radiusScale 그리고 property를 사용하여markerBrush​markerOutline​markerThickness 외관을 커스터마이즈할 수 있습니다. 또한, 데이터 열fillMemberPath에 따라 버fillScale 블 마커를 색칠할 수도 있습니다. 이 예시에서는 위의 속성들의 사용법을 시연합니다.

    Additional Resources

    API References

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