Web Components 분산형 차트
Ignite UI for Web Components 분산형 차트 포인트 모음을 렌더링합니다. 값은 y축(왼쪽 레이블)에 표시되고 범주는 x축(아래 레이블)에 표시됩니다. 이러한 차트는 시간 경과에 따른 변화량을 강조하거나 여러 항목을 비교하고 전체의 부분 간의 관계를 플로팅된 값의 합계를 표시하여 비교합니다.
Web Components Point Chart Example
Web Components 분산형 차트 다음에 생성할 수 있습니다.IgcCategoryChartComponent 데이터를 다음과 같은 곳에 묶어 제어합니다.ItemsSource 부동산과 환경chartType property를 요점 아래 예시에서 볼 수 있는 것처럼 enum.
Web Components Point Chart with Single Series
다음 예에서 Web Components 분산형 차트 y축에 숫자 데이터 열을 자동으로 선택하고 x축에 숫자가 아닌 데이터 열을 선택하여 단일 데이터 소스를 표시합니다.
Web Components Point Chart with Multiple Series
Web Components 분산형 차트 사용하면 여러 시리즈를 결합하고 비교하거나 시간이 지남에 따라 어떻게 변하는지 확인할 수 있으므로 이를 달성하는 것이 얼마나 쉬운지 살펴보겠습니다. 중국과 미국에 대한 데이터가 포함된 데이터 소스에 바인딩하기만 하면 포인트 차트가 추가 데이터에 맞게 자동으로 업데이트됩니다.
Web Components Point Chart Styling
Web Components 분산형 차트 설정되면 마커와 윤곽선, 브러시 및 두께를 변경하는 등 추가적인 스타일 사용자 지정을 하고 싶을 수 있습니다.
Advanced Types of Point Charts
다음 주제들을 따라 컨트롤 대신IgcDataChartComponent 컨트롤을IgcCategoryChartComponent 사용해 더 고급 유형의 Web Components 포인트 차트를 만들 수 있습니다:
Additional Resources
다음 항목에서 관련 차트 기능에 대한 자세한 내용을 확인할 수 있습니다.
API References
다음 표에는 위 섹션에서 언급된 API 멤버가 나열되어 있습니다.