Angular 차트 기능

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

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

    Axis

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

    EXAMPLE
    MODULES
    TS
    HTML
    SCSS

    Like this sample? Get access to our complete Ignite UI for Angular toolkit and start building your own apps in minutes. Download it for free.

    Annotations

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

    EXAMPLE
    MODULES
    TS
    HTML
    SCSS

    애니메이션

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

    EXAMPLE
    MODULES
    TS
    HTML
    SCSS

    Highlighting

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

    EXAMPLE
    MODULES
    TS
    HTML
    SCSS

    App Builder | CTA Banner

    Markers

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

    EXAMPLE
    DATA
    MODULES
    TS
    HTML
    SCSS

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

    EXAMPLE
    DATA
    MODULES
    TS
    HTML
    SCSS

    Overlays

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

    EXAMPLE
    DATA
    MODULES
    TS
    HTML
    SCSS

    Performance

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

    EXAMPLE
    MODULES
    TS
    HTML
    SCSS

    Tooltips

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

    EXAMPLE
    DATA
    MODULES
    TS
    HTML
    SCSS

    Trendlines

    추세선을 사용하여 추세를 식별하거나 데이터에서 패턴을 찾습니다. Angular 차트는 CubicFit 및 LinearFit과 같이 다양한 추세선을 지원합니다. 이 기능에 대한 자세한 내용은 차트 추세선 항목에서 확인할 수 있습니다.

    EXAMPLE
    DATA
    MODULES
    TS
    HTML
    SCSS

    API References