개발꿀팁 FlexChart 주석 커스터마이징하는 법
추천0 비추천 0
페이지 정보
작성자 GCK다이애나 작성일 2022-10-14 11:52 조회 403회 댓글 0건본문
관련링크
FlexChart 클래스를 이용하여 차트 인스턴스를 생성하게 되면, 호스트 요소 내부에 <svg> 태그가 생성되어 차트가 표시됩니다.
<svg> 태그 내부에 생성된 차트 요소들의 스타일 속성을 지정하여 해당 요소들을 커스터마이징 할 수 있습니다.
주석의 배경색의 경우 annotation 클래스의 AnnotationLayer 컨트롤 생성 시, 스타일 속성 중 fill 속성을 지정하여 색상을 설정하시면 됩니다.
주석에 지정된 요소들의 스타일 속성 지정을 원하시는 경우, 해당 요소의 선택자를 이용하여 스타일 속정을 지정할 수 있습니다.
자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.
샘플에서는 주석의 content 속성을 통해 생성된 <text> 태그 요소를 선택자로 지정해 스타일 속성을 설정하여 색상 및 위치를 변경하였습니다.
댓글목록
등록된 댓글이 없습니다.