Angular Chart Synchronization

    Ignite UI for Angular 여러 차트 간의 확대, 패닝 및 크로스헤어 이벤트 조정과 관련하여 동기화를 허용합니다. 이를 통해 데이터 소스가 축과 관련하여 유사하거나 동일하다고 가정할 때 여러 차트의 동일한 영역을 시각화하는 데 도움이 될 수 있습니다.

    Angular Chart Synchronization Example

    이 샘플은 두 개의 Angular 데이터 차트의 동기화를 보여줍니다.

    Chart Synchronization Properties

    차트 동기화에는 네 가지 옵션이 있습니다. 수평으로만, 수직으로만, 둘 다 동기화할 수 있으며, 기본값인 전혀 동기화하지 않도록 선택할 수도 있습니다.

    If you want to synchronize a set of charts, you can assign them the same name to the SyncChannel property and then specify whether or not to synchronize the charts horizontally and/or vertically by setting the SynchronizeHorizontally and SynchronizeVertically properties to the corresponding boolean value.

    Note that in order to synchronize either vertically and/or horizontally, you will need to set the isHorizontalZoomEnabled and/or isVerticalZoomEnabled property to true, respectively. A synchronized chart that is dependent on another chart will still zoom regardless of this property setting.

    API References

    다음은 위 섹션에서 언급된 API 멤버 목록입니다.