Ignite UI 데이터 차트
JavaScript 데이터 차트 용 Ignite UI 높은 성능과 유연성을 위해 구축된 HTML5 차트 구성 요소입니다. 데이터 차트 컨트롤은 차트 작성에 익숙하고 차트 작성 구성 요소에서 최대한의 유연성을 원하는 개발자를 위한 것입니다. 여기에는 많은 훌륭한 기능이 포함되어 있으며 75개 이상의 차트 유형을 제공합니다. 이 차트는 데이터 세트에 데이터 양에 관계없이 매우 빠르게 렌더링됩니다.
JavaScript 데이터 차트 용 Ignite UI 높은 수준의 사용자 정의 및 유연성을 제공합니다. 보다 간단한 구성 프로세스를 갖춘 보다 간단한 차트 구성 요소를 찾고 있다면 Ignite UI 카테고리 차트 참조하세요.
샘플 보기실시간 데이터
데이터는 끊임없이 변화하고 있습니다. 데이터의 스냅샷을 원할 때도 있지만 해당 데이터를 실시간으로 확인해야 하는 경우도 있습니다. JavaScript의 데이터 차트 구성 요소용 Ignite UI 실시간 데이터 소스에 바인딩되어 사용자에게 이해하기 쉬운 시각적 개체로 지속적인 정보 스트림을 제공합니다.
샘플 보기대용량 데이터
회사의 데이터는 가장 귀중한 자산 중 하나입니다. 기업은 이를 인식하면서 방대한 양의 데이터를 활용하는 방법을 모색합니다. JavaScript용 Ignite UI의 데이터 차트 구성 요소는 이러한 대량의 데이터를 쉽게 처리하고 데이터를 훌륭한 시각화로 신속하게 렌더링할 수 있습니다.
샘플 보기생기
차트는 비즈니스 데이터 작업을 위한 훌륭한 도구입니다. JavaScript용 Ignite UI 차트의 "모든 비즈니스" 측면을 사용자의 참여를 유지하는 훌륭한 사용자 인터페이스와 결합하는 애니메이션과 같은 많은 기능이 있습니다.
샘플 보기복합 차트
때로는 데이터가 너무 복잡해서 표준 2차원 차트로 쉽게 표시할 수 없는 경우도 있습니다. 이와 같은 상황에서는 JavaScript용 Ignite UI의 데이터 차트 구성 요소를 사용하여 복합 차트를 만듭니다. 두 개의 Y축이 있는 차트를 만들면 두 개의 서로 다른 데이터 집합이 서로 어떻게 연관되어 있는지와 같은 보다 복잡한 시각화를 표시할 수 있습니다.
분산 영역 시리즈
Scatter Area Series는 표면의 각 픽셀에 할당된 숫자 값을 사용하여 X 및 Y 좌표의 삼각측량을 기반으로 데카르트 방식으로 색상이 있는 표면을 그립니다. 이 계열을 사용하여 자기장의 강도, 2D 평면에 투영되거나 편평해진 3D 모양, 데이터에 있는 세 개의 숫자 열 간의 상관 관계 등 과학 데이터를 플롯할 수 있습니다.
분산형 윤곽 시리즈
Scatter Contour Series는 Scatter Area Series와 동일한 데이터를 플롯할 수 있으며 보간된 표면적 대신 등고선을 사용하여 데이터를 시각화합니다.
분산형 폴리라인 시리즈
Scatter Polyline Series는 X/Y 포인트 컬렉션을 사용하여 정의된 사용자 정의 모양의 윤곽선을 플롯할 수 있습니다. 이 시리즈는 강등을 나타내거나 네트워크에 대한 관점을 구축하기 위해 데이터 포인트 간의 여러 연결을 표시할 수 있습니다.
분산형 다각형 시리즈
Scatter Polygon Series는 X/Y 포인트 컬렉션을 사용하여 정의된 사용자 지정 채우기 모양을 플롯할 수 있습니다. 계열은 차트의 그림 영역에서 영역을 강조 표시하는 데 사용할 수 있습니다.
날짜/시간 축
날짜/시간 축은 중단, 동적 간격 및 동적 레이블 지정을 지원하는 향상된 시간 축입니다. Breaks 컬렉션을 사용하면 개발자는 주말이나 기타 중요하지 않은 기간과 같은 범위의 날짜를 생략하도록 X축을 구성할 수 있습니다. Intervals 컬렉션을 사용하면 연도가 표시되는 각 월의 레이블과 같이 축의 표시 범위를 기반으로 조건부 레이블 간격을 쉽게 지정할 수 있습니다. 가시 범위에 따라 라벨 형식을 구성할 수도 있습니다.
최종 값 주석
데이터 소스의 마지막 데이터 포인트 값을 표시합니다. Y축 레이블 위에 각 데이터 소스에 대해 하나의 색상 상자를 렌더링합니다.
십자선 주석
커서 위치에 데이터 포인트 값을 표시하고 X 및 Y축 레이블 위에 색상이 지정된 상자에 이러한 값을 렌더링합니다.
콜아웃 레이어
중요한 데이터 포인트에 주석을 달거나 논리(예: 데이터 소스의 최대값 계산)에 따라 설명 상자의 값을 맞춤설정하세요.