Angular 차트 기능

Ignite UI for Angular 다양한 기능을 표시하여 차트로 전달할 전체 데이터 스토리를 표현할 수 있습니다. 이러한 각 기능은 완벽하게 사용자 정의할 수 있으며 디자인 요구 사항에 맞게 스타일을 지정할 수 있으므로 완벽하게 제어할 수 있습니다. 강조 표시 및 주석과 같은 상호 작용을 통해 중요한 데이터 세부 정보를 호출하여 차트 내에서 더 심층적인 데이터 분석을 수행할 수 있습니다.

Angular 차트는 다음과 같은 차트 기능을 제공합니다.

Axis

다양한 축 속성을 사용하여 X축과 Y축의 모든 측면을 수정하거나 사용자 정의합니다. 눈금선을 표시하고, 눈금 스타일을 사용자 정의하고, 축 제목을 변경하고, 축 위치와 교차 값을 수정할 수도 있습니다. Angular 차트의 축 눈금선, 축 레이아웃 및 축 옵션 항목의 사용자 정의에 대해 자세히 알아볼 수 있습니다.

Annotations

이러한 추가 레이어는 마우스/터치에 따라 달라지는 차트 상단에 있습니다. 개별적으로 또는 결합하여 사용하면 차트 내의 특정 값을 강조 표시하는 데 도움이 되는 강력한 상호 작용을 제공합니다. 차트 주석 항목에서 이 기능에 대해 자세히 알아볼 수 있습니다.

애니메이션

애니메이션을 활성화하여 새 데이터 소스를 로드할 때 차트에 애니메이션을 적용하세요. 다양한 유형의 애니메이션과 해당 애니메이션이 발생하는 속도를 설정하여 사용자 정의할 수 있습니다. 차트 애니메이션 항목에서 이 기능에 대해 자세히 알아볼 수 있습니다.

Highlighting

마우스를 데이터 항목 위로 가져가면 선, 열 또는 표식과 같은 시각적 개체를 강조 표시하여 초점을 맞춥니다. 이 기능은 모든 차트 유형에서 활성화됩니다. 차트 강조 항목에서 이 기능에 대해 자세히 알아볼 수 있습니다.

Markers

차트 시리즈의 마커를 사용하면 값이 주요 눈금선 사이에 있는 경우에도 데이터 요소를 빠르게 식별할 수 있습니다. 스타일, 색상 및 모양을 완벽하게 사용자 정의할 수 있습니다. 차트 표시 항목에서 이 기능에 대해 자세히 알아볼 수 있습니다.

마우스, 키보드 및 터치 상호 작용을 통해 확대/축소 및 이동하여 차트를 탐색할 수 있습니다. 차트 탐색 항목에서 이 기능에 대해 자세히 알아볼 수 있습니다.

Overlays

오버레이를 사용하면 차트에 가로 또는 세로 선을 그려 중요한 값과 임계값에 주석을 달 수 있습니다. 차트 오버레이 항목에서 이 기능에 대해 자세히 알아볼 수 있습니다.

Performance

Angular 차트는 수백만 개의 데이터 포인트를 렌더링하고 몇 밀리초마다 업데이트하는 고성능에 최적화되어 있습니다. 그러나 차트 성능에 영향을 미치는 몇 가지 차트 기능이 있으며 애플리케이션의 성능을 최적화할 때 이러한 기능을 고려해야 합니다. 차트 성능 항목에서 이 기능에 대해 자세히 알아볼 수 있습니다.

Tooltips

도구 설명을 통해 특정 시리즈 유형과 관련된 모든 정보를 표시합니다. 항목 수준 및 범주 수준 도구 설명과 같이 활성화할 수 있는 다양한 도구 설명이 있습니다. 차트 도구 설명 항목에서 이 기능에 대해 자세히 알아볼 수 있습니다.

Trendlines

추세선을 사용하여 추세를 식별하거나 데이터의 패턴을 찾으세요. CubicFit 및 LinearFit과 같이 Angular 차트에서 지원되는 다양한 추세선이 있습니다. 차트 추세선 항목에서 이 기능에 대해 자세히 알아볼 수 있습니다.