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

문의 주신 내용에 대해 답변 드립니다.

ColorPicker 컨트롤을 이용해 선택한 색상을 주석의 style 속성 중 fill 속성에 지정하여 주석의 색상을 동적으로 변경 할 수 있습니다.

아래의 샘플을 참고해 보시기 바랍니다.

샘플은 다음과 같은 방법으로 구현되었습니다.

1. 주석이 지정된 차트와 ColorPicker 컨트롤을 생성합니다. 
2. 이때 차트의 ref 속성을 'flexChart' 로, 차트 내 주석의 ref 속성을 'circleAnnotation' 로 설정합니다.
3. 차트에 지정된 주석의 style 속성을 여러 스타일 속성이 설정 되어 있는 변수 customStyle 로 지정합니다.
4. 사용자 정의 함수 onvalueChanged 를 다음과 같이 구현합니다.
   -1. 변수 customStyle 의 fill 속성 값을 ColorPicker 컨트롤의 value 속성 값으로 지정합니다.
   -2. 주석의 ref 속성으로 주석을 지정해 해당 주석의 style 속성을 customStyle 변수로 설정합니다.
   -3. 차트의 ref 속성으로 차트를 지정해 refresh 메서드를 이용하여 해당 차트를 새로 고칩니다.
5. ColorPicker 컨트롤의 valueChanged 이벤트를 사용자 정의 함수 onvalueChanged 로 설정합니다.

- ColorPicker 데모

- valueChanged API 문서

- style API 문서

API 문서를 공유드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.

감사합니다.

그레이프시티 드림