안녕하세요 그레이프시티입니다.
먼저 답변이 지연된 점 죄송합니다.
문의 하신 영역 차트의 배경색을 조건부 서식으로 변경하는 방법에 대해 답변드립니다.
drawLine 메서드를 이용해 차트의 특정 영역을 선으로 채워 해당 영역의 배경색을 변경할 수 있습니다.
아래의 샘플을 참고해 보시기 바랍니다.
샘플은 다음과 같은 방법으로 구현되었습니다.
- chartType 속성 값이 "Area" 로 지정된 FlexChart 컨트롤을 생성합니다.
- 사용자 정의 함수 fillArea 를 다음과 같은 방법으로 구현합니다.
-1. 매개 변수 ht 와 dataToPoint 메서드를 이용하여 특정 영역의 시작점에 해당하는 차트의 Point 속성의 값을 변수 pt1에, 끝점에 해당하는 값을 변수 pt2에 저장합니다.
-2. 변수 pt1과 pt2를 이용하여 특정 영역에 존재하는 x와 y 좌표 값들을 변수 x 와 y에 저장합니다.
-3. 이때, x 배열 값 개수와 y 배열 값 개수가 동일하게 저장되도록 구현합니다.
-4. querySelector 메서드와 getAttribute 메서드를 이용하여 x 축과 맞닿는 y 좌표 값을 변수 y1에 저장합니다.
-5. 반복문을 통해 배열 x 와 y, 변수 y1를 매개 변수로 사용하는 drawLine 메서드를 호출합니다. - FlexChart 컨트롤의 itemFormatter 속성에 조건문을 통하여 특정 조건에서 사용자 정의 함수 fillArea를 호출하는 코드를 구현합니다.
- drawLine API 문서
- FlexChart 조건부 서식 도움말
API 문서를 공유드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.
감사합니다.
그레이프시티 드림