React 분산형 차트

Ignite UI for React 분산형 차트은 별개의 데이터 계열에서 항목 간의 관계를 표시하거나 숫자 x 및 y 좌표를 사용하여 데이터 항목을 그리는 차트 그룹에 속합니다. 이러한 차트는 데이터의 고르지 않은 간격이나 클러스터에 주목합니다. 과학 데이터를 플로팅하는 데 자주 사용되며, 수집된 데이터와 예측 결과의 편차를 강조 표시할 수 있습니다. 또한 데이터가 시간순이 아니더라도 시간순으로 데이터를 정리하는 데 사용할 수 있습니다.

React Scatter Marker Chart

React Scatter Marker Chart는 마커 모음으로 렌더링되며, 각 마커에는 데카르트 좌표계에서의 위치를 결정하는 숫자 X/Y 값 쌍이 있습니다. 아래 예제와 같이 데이터를 IgrScatterSeries에 바인딩하여 IgrDataChart 컨트롤에서 이러한 유형의 차트를 만들 수 있습니다.

React Scatter Line Chart

React Scatter 선형 차트 직선으로 연결된 마커 모음으로 렌더링되며, 각 마커에는 데카르트 좌표계에서의 위치를 결정하는 숫자 X/Y 값 쌍이 있습니다. 아래 예제와 같이 데이터를 IgrScatterLineSeries에 바인딩하여 IgrDataChart 컨트롤에서 이러한 유형의 차트를 만들 수 있습니다.

React Scatter Spline Chart

React Scatter 스플라인 차트 곡선 스플라인으로 연결된 마커 컬렉션으로 렌더링되며, 각 마커에는 데카르트 좌표계에서의 위치를 결정하는 숫자 X/Y 값 쌍이 있습니다. 아래 예제와 같이 데이터를 IgrScatterSplineSeries에 바인딩하여 IgrDataChart 컨트롤에서 이러한 유형의 차트를 만들 수 있습니다.

React Scatter High Density Chart

React Scatter High Density(HD) 차트를 사용하면 로딩 시간이 거의 없이 수천에서 수백만 개의 데이터 포인트에 이르는 분산 데이터를 바인딩하고 표시할 수 있습니다. 이 차트 유형은 많은 양의 포인트를 위해 설계되었기 때문에 전체 크기의 마커가 아닌 작은 점으로 시각화되며 데이터 포인트 클러스터를 나타내는 더 높은 색상 밀도를 사용하여 가장 많은 데이터가 있는 영역을 표시합니다. 아래 예제와 같이 데이터를 IgrHighDensityScatterSeries에 바인딩하여 IgrDataChart 컨트롤에서 이러한 유형의 차트를 만들 수 있습니다.

React Scatter Area Chart

React Scatter 영역 차트 각 점에 숫자 데이터 값이 할당된 X 및 Y 데이터의 삼각측량을 기반으로 색상이 지정된 표면을 그립니다. 이 차트는 사무실에서 히트 맵, 자기장 강도 또는 Wi-Fi 강도를 렌더링하는 데 유용합니다. 아래 예제와 같이 데이터를 IgrScatterAreaSeries에 바인딩하여 IgrDataChart 컨트롤에서 이러한 유형의 차트를 만들 수 있습니다.

React Scatter Contour Chart

React Scatter Contour Chart는 각 점에 숫자 데이터 값이 할당된 X 및 Y 데이터의 삼각측량을 기반으로 색상 등고선을 그립니다. 이 차트는 사무실에서 히트 맵, 자기장 강도 또는 Wi-Fi 강도를 렌더링하는 데 유용합니다. 아래 예제와 같이 데이터를 IgrScatterContourSeries에 바인딩하여 IgrDataChart 컨트롤에서 이러한 유형의 차트를 만들 수 있습니다.

Additional Resources

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

API References

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

차트 종류	컨트롤 이름	API 회원
분산형 마커	`IgrDataChart`	`IgrScatterSeries`
분산선	`IgrDataChart`	`IgrScatterLineSeries`
분산형 스플라인	`IgrDataChart`	`IgrScatterSplineSeries`
고밀도 산란	`IgrDataChart`	`IgrHighDensityScatterSeries`
분산 영역	`IgrDataChart`	`IgrScatterAreaSeries`
분산형 윤곽	`IgrDataChart`	`IgrScatterContourSeries`