Web Components 분산형 차트
Ignite UI for Web Components 분산형 차트은 별개의 데이터 계열에서 항목 간의 관계를 표시하거나 숫자 x 및 y 좌표를 사용하여 데이터 항목을 그리는 차트 그룹에 속합니다. 이러한 차트는 데이터의 고르지 않은 간격이나 클러스터에 주목합니다. 과학 데이터를 플로팅하는 데 자주 사용되며, 수집된 데이터와 예측 결과의 편차를 강조 표시할 수 있습니다. 또한 데이터가 시간순이 아니더라도 시간순으로 데이터를 정리하는 데 사용할 수 있습니다.
Web Components Scatter Marker Chart
Web Components 분산형 표식 차트는 표식 모음으로 렌더링되며, 각 표식에는 데카르트 좌표계에서의 위치를 결정하는 숫자 X/Y 값 쌍이 있습니다. 아래 예제와 같이 데이터를 IgcScatterSeriesComponent
에 바인딩하여 IgcDataChartComponent
컨트롤에서 이러한 유형의 차트를 생성할 수 있습니다.
Web Components Scatter Line Chart
Web Components 분산 선형 차트 직선으로 연결된 마커 컬렉션으로 렌더링되며, 각 마커에는 데카르트 좌표계에서의 위치를 결정하는 숫자 X/Y 값 쌍이 있습니다. 아래 예제와 같이 데이터를 IgcScatterLineSeriesComponent
에 바인딩하여 IgcDataChartComponent
컨트롤에서 이러한 유형의 차트를 생성할 수 있습니다.
Web Components Scatter Spline Chart
Web Components 분산형 스플라인 차트 곡선 스플라인으로 연결된 마커 컬렉션으로 렌더링되며, 각 마커에는 데카르트 좌표계에서의 위치를 결정하는 숫자 X/Y 값 쌍이 있습니다. 아래 예제와 같이 데이터를 IgcScatterSplineSeriesComponent
에 바인딩하여 IgcDataChartComponent
컨트롤에서 이러한 유형의 차트를 생성할 수 있습니다.
Web Components Scatter High Density Chart
Web Components 분산형 고밀도(HD) 차트를 사용하면 로딩 시간이 거의 없이 수천에서 수백만 개의 데이터 포인트에 이르는 분산형 데이터를 바인딩하고 표시할 수 있습니다. 이 차트 유형은 많은 양의 포인트를 위해 설계되었기 때문에 전체 크기의 마커가 아닌 작은 점으로 시각화되며 데이터 포인트 클러스터를 나타내는 더 높은 색상 밀도를 사용하여 가장 많은 데이터가 있는 영역을 표시합니다. 아래 예와 같이 데이터를 IgcHighDensityScatterSeriesComponent
에 바인딩하여 IgcDataChartComponent
컨트롤에서 이러한 유형의 차트를 생성할 수 있습니다.
Web Components Scatter Area Chart
Web Components 분산 영역 차트 각 점에 숫자 데이터 값이 할당된 X 및 Y 데이터의 삼각측량을 기반으로 색상이 지정된 표면을 그립니다. 이 차트는 사무실에서 히트 맵, 자기장 강도 또는 Wi-Fi 강도를 렌더링하는 데 유용합니다. 아래 예제와 같이 데이터를 IgcScatterAreaSeriesComponent
에 바인딩하여 IgcDataChartComponent
컨트롤에서 이러한 유형의 차트를 생성할 수 있습니다.
Web Components Scatter Contour Chart
Web Components 분산형 등고선 차트는 각 점에 할당된 숫자 데이터 값을 사용하여 X 및 Y 데이터의 삼각측량을 기반으로 색상이 지정된 등고선을 그립니다. 이 차트는 사무실에서 히트 맵, 자기장 강도 또는 Wi-Fi 강도를 렌더링하는 데 유용합니다. 아래 예제와 같이 데이터를 IgcScatterContourSeriesComponent
에 바인딩하여 IgcDataChartComponent
컨트롤에서 이러한 유형의 차트를 생성할 수 있습니다.
Additional Resources
다음 항목에서 관련 차트 유형에 대한 자세한 내용을 확인할 수 있습니다.
API References
다음 표에는 위 섹션에서 언급된 API 멤버가 나열되어 있습니다.