작성일 2024-01-23 10:11 조회 56회
댓글 0건
해당 사진처럼 어노테이션을 그렸을때 파란색 동그라미로 쳐진 content를 차트 제일 왼쪽으로 옮기고 싶습니다
또한 라인 어노테이션 줄을 점선으로 바꾸고 싶습니다 ( ------ ) 이런식
어떻게 해야될까요?
등록된 댓글이 없습니다.
1 답변
작성일 2024-01-23 16:55 댓글 0건
안녕하세요 메시어스입니다.
문의하신 내용에 대해 답변드립니다.
1. 차트 주석의 content 위치 변경 문의
=> 주석 content의 위치를 변경하기 위해서는 아래 코드와 같이 차트의 rendered 이벤트 내에서 setAttribute를 이용하여 x의 값을 변경할 수 있습니다.
rendered: () => {
setTimeout(function(){
let elText= document.querySelectorAll('.gcchart-anno-line text'); // 여러 주석 컨텐츠가 있을 경우,
if(elText[0]){ // 만약 있다면
elText[0].setAttribute('x', 0); // x 위치 변경
}
},300)
}2. 라인 주석의 선 모양을 점선으로 바꾸는 방법 문의
=> 해당 방법은 <line> 요소의 stroke-dasharray 를 적용하여 구현할 수 있으며 아래 코드를 참고하여 주시기 바랍니다.
{
"type": "Line",
(...)
"style": {
"fill": "#FE2E2E",
"stroke": "#01A9DB",
"stroke-dasharray":"4 1"
}
},다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
메시어스 드림
등록된 댓글이 없습니다.
