! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

주석 content 위치변경 > Q&A | 토론

본문 바로가기

VueJS 주석 content 위치변경

페이지 정보

작성자 김현 작성일 2022-08-20 18:29 조회 1,425회 댓글 0건
제품 버전 : 5.2

본문


 


위의 이미지처럼 주석의 contnt의 위치를 라인의 밑 부분으로 이동 시키고 싶은데 

css로는 안되는 거 같아 문의 드립니다 

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

2 답변

VueJS Re: 주석 content 위치변경

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK다이애나 작성일 2022-08-22 15:30 댓글 1건

본문

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


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

차트에 주석을 생성하게 되면 해당 요소에 .gcchart-annotation 선택자가 지정됩니다. 

주석에 content 속성을 설정하여 생성한 경우, .gcchart-annotation 선택자가 지정된 요소의 내부에 <text> 태그가 생성되어 설정한 content 속성의 값을 표시 합니다.

해당 <text> 태그를 선택자로 지정한 후, transform 속성 값을 translate()를 통해 특정 위치 값으로 지정하여 주석의 content 속성의 위치를 설정할 수 있습니다.

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


- content API 문서


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


감사합니다


그레이프시티 드림

댓글목록

김현님의 댓글

김현 작성일

덕분에 위치 조정을 잘 하였는데요 
text 안에 있는 글씨의 색상이 변경이 안됩니다 
저기 소스상에는 bold는 먹던데 색상은 왜 안되는지 도통 모르겠네요

VueJS Re: 주석 content 위치변경

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 GCK다이애나 작성일 2022-08-25 13:20 댓글 0건

본문

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


차트를 생성하게 되면 <svg> 태그가 생성되어 차트가 표시됩니다.

<svg> 태그로 생성된 요소들의 색상을 설정하는 fill 스타일 속성을 이용하여, 주석에 지정된 content 속성의 색상을 설정 할 수 있습니다.

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

샘플은 다음과 같이 구현되었습니다.

  1. 주석의 content 속성을 설정 시 생성된 <text>태그를 선택자로 지정합니다.
  2. 해당 선택자의 fill 스타일 속성을 이용하여 색상을 설정합니다.


다른 궁금한 점이 생기면, 문의 주시기 바랍니다.


감사합니다


그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.