차트 - 디자인을 해보자 !

차트는 이제 어느정도 만든거 같은데 디자인 시안이 나왔네요 ㅡ,.ㅡ; 아후
이제 드뎌 스킨 작업을 해야 되는데 이거또 찾아봐야 되네 ㅜㅜ 찾아보면서 하나씩 정리하여 여기에 기록합니다.

[ 그림 ] 차트 내부에서 사용하는 용어
A. 차트 외부 여백 공간(Padding) B 차트 내부 여백 (Gutter) C 축 D 축과 계열명 간격 E 계열명

1. 차트 Axis(축)

기본은 좌측 화면처럼 나오는데 이것을 우측 화면처럼 변경하고자 하는 경우
Chart에서 verticalAxisStyleName 을 설정하면 됩니다.

2. backgroundElements, annotationElements

       backgroundElements 추가 전 ========================> backgroundElements 추가 이후

[ 그림 : annotationElements 예시 : backgroundElements도 내부는 동일 단 Layer 위치가 다른 것임에 유의 ! ]

레이어 구성은 아래와 같이 되어 있습니다. 기본적으로 backgroundElement만 변경함 됨.
강조하고 싶은경우는 annotationElements를 사용하는 것이 좋음.

Layer-0 : annotationElements
Layer-1 : 차트 데이터
Layer-2 : backgroundElements