# 차트 Hit Testing

## Content

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

```JavaScript
 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**: 데이터 포인트에 부착된 레이블입니다.