PureJS chart tooltip 정보 오류
페이지 정보
작성자 팬더곰 작성일 2023-07-05 14:09 조회 326회 댓글 1건본문
관련링크
안녕하세요. 위 그림처럼 막대 차트 2개를 생성한 후 rendered 에서 width 와 x 를 수정하여 겹쳐 보이도록 했습니다.
rendered:function(s,e){
let elements = e.engine.element;
let series = elements.querySelectorAll('.wj-series-group g');
var newWidth = 0;
series[0].querySelectorAll('rect').forEach((rect, index) => {
if(index == 0) {
newWidth = rect.getAttribute('width');
}
rect.setAttribute('x', Number(rect.getAttribute('x')) + Number(rect.getAttribute('width')/2));
});
//console.log(newWidth);
series[1].querySelectorAll('rect').forEach((rect) => {
rect.setAttribute('width', Number(newWidth)/2);
rect.setAttribute('x', Number(rect.getAttribute('x')) - Number(rect.getAttribute('width')/2));
});
}
그런데, 문제는 주황핵 막대그래프에 마우스 포인터를 두면, 파란색 그래프의 툴팁 정보가 나오고 있습니다.
확인 부탁드립니다.
감사합니다.