안녕하세요 그레이프시티입니다.

먼저 문의 답변이 지연된 점 죄송드립니다.

해당 기능은 hitTest 메서드를 사용하여 더블 클릭된 라인 차트의 한 지점의 좌표를 알아 내고, 그 좌표를 이용하여 Circle 주석을 추가 할 수 있습니다. 

다만, hitTest 메서드를 통해 얻어낸 좌표 값은 브라우저 뷰를 기준으로 계산된 값이므로 페이지 창을 확대 혹은 축소함에 따라 변동 될 수 있으니 이 점 참고하여 주시기 바랍니다.

자세한 코드는 아래 샘플에서 확인하실 수 있습니다.

샘플은 아래 순서와 같이 구현 되었습니다.

1. 마우스 더블클릭 이벤트가 발생되었을 때, hitTest 메서드 호출합니다.
2. 호출된 hitTest 메서드를 이용하여 마우스로 선택된 차트의 point를 불러와 저장합니다.
   이때, 클릭하여 추가되는 주석의 위치는 절대적이어야 하므로 pageToControl() 메서드를 이용해 절대적인 point 값으로 저장합니다.
3. 저장한 point 값을 이용하여 더블 클릭된 좌표 값을 얻습니다.
   해당 좌표 값은 콘솔창을 통해 확인하실 수 있습니다.
4. 저장한 Point 값을 이용해 Circle 주석을 생성합니다.
   이때, 클릭한 곳과 주석이 생기는 위치 사이의 차이를 없애기 위하여 offset을 설정합니다. (차트의 plotArea 중 왼쪽 상단의 point 좌표 값은 차트의 원점이며 해당 위치의 좌표 값은 x : 45, y : 25 입니다.) 

- FlexChart의 Hit-Testing 도움말

- Point API 문서 

- Circle API 문서

- Offset API 문서 

- pageToControl API 문서 

API 문서를 같이 전달 드리며 다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.

감사합니다.