VueJS 주석 content 위치변경
추천0 비추천 0
페이지 정보
작성자 김현 작성일 2022-08-20 18:29 조회 1,425회 댓글 0건제품 버전 : 5.2
본문
관련링크
댓글목록
등록된 댓글이 없습니다.
등록된 댓글이 없습니다.
안녕하세요 그레이프시티입니다.
문의 주신 내용에 대해 답변 드립니다.
차트에 주석을 생성하게 되면 해당 요소에 .gcchart-annotation 선택자가 지정됩니다.
주석에 content 속성을 설정하여 생성한 경우, .gcchart-annotation 선택자가 지정된 요소의 내부에 <text> 태그가 생성되어 설정한 content 속성의 값을 표시 합니다.
해당 <text> 태그를 선택자로 지정한 후, transform 속성 값을 translate()를 통해 특정 위치 값으로 지정하여 주석의 content 속성의 위치를 설정할 수 있습니다.
아래의 샘플을 참고해 보시기 바랍니다.
API 문서를 공유 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.
감사합니다
그레이프시티 드림
안녕하세요 그레이프시티입니다.
차트를 생성하게 되면 <svg> 태그가 생성되어 차트가 표시됩니다.
<svg> 태그로 생성된 요소들의 색상을 설정하는 fill 스타일 속성을 이용하여, 주석에 지정된 content 속성의 색상을 설정 할 수 있습니다.
아래의 샘플을 참고해 주시기 바랍니다.
샘플은 다음과 같이 구현되었습니다.
다른 궁금한 점이 생기면, 문의 주시기 바랍니다.
감사합니다
그레이프시티 드림
등록된 댓글이 없습니다.