차트 Hit Testing

hitTest 메서드를 사용하여 마우스 아래에 있는 차트 영역을 확인할 수 있습니다. 마우스 이동, 마우스 오버 또는 마우스 업과 같은 마우스 이벤트 내에서 hitTest 메서드를 호출합니다.

 myChart.hostElement.addEventListener('mousemove', function (e) {
     // get hittest object
     var ht = myChart.hitTest(e);
     // get chart element
     var elem = ht.chartElement;
     // get series
     var series = ht.series;
     // get point index
     var index = (ht.pointIndex != null && series) ? ht.pointIndex : null;
     });

hitTest 메소드는 포인트를 매개변수로 사용합니다. hit test를 통해 얻을 수 있는 차트 요소에는:

• PlotArea: 축 내의 영역

• ChartArea: 컨트롤 내에 있지만 축 외부에 있는 영역

• Legend: 차트 범례, 일반적으로 플롯 영역 오른쪽

• Header: 차트 머리글, 플롯 영역 위

• Footer: 차트 바닥글, 플롯 영역 아래

• AxisX: X축, 일반적으로 수평

• AxisY: Y축, 일반적으로 수직

• Series: 차트를 사용자 정의하는 데 사용할 수 있는 계열(Series) 객체의 컬렉션. FlexChart는 차트의 __itemsSource__에 따라 계열(Series) 컬렉션을 자동으로 위치시킵니다.

• SeriesSymbol: 차트 계열(Series)의 기호

• DataLabel: 데이터 포인트에 부착된 레이블입니다.