VueJS 상자수염그림 차트 문의 드립니다.
페이지 정보
작성자 싱싱민 작성일 2023-05-23 09:16 조회 380회 댓글 0건본문
관련링크
댓글목록
등록된 댓글이 없습니다.
등록된 댓글이 없습니다.
안녕하세요 그레이프시티입니다.
문의하신 차트의 라인을 추가하는 방법에 대해 안내드립니다.
해당 기능을 구현하기 위해서는 차트 렌더링이 끝난 후 발생하는 rendered 이벤트 내에서 라인을 그려주는 drawLine 메서드를 호출하여 라인을 그려주시면 됩니다.
자세한 코드는 아래 샘플에서 확인하실 수 있습니다.
API 문서를 공유드리며 다른 궁금한 점이 생기면 문의 주시기 바랍니다.
감사합니다.
그레이프시티 드림
삭제된 댓글 입니다.
등록된 댓글이 없습니다.
안녕하세요 그레이프시티입니다.
해당 기능의 경우, 차트의 데이터 좌표에서 컨트롤 좌표로 변환해주는 dataToPoint 메서드를 호출하여 사용하시면 됩니다. 아래 코드와 같이 그리드의 itemsSource에 접근하여 좌표값으로 변환하고자 하는 데이터 값을 가져오고 변환 후, drawLine에 해당 값을 설정해주시면 됩니다.
chart.rendered.addHandler(function (s, e) { s.series[0].hostElement.childNodes.forEach((rect, index) => { (...) var pt = s.dataToPoint(0, s.itemsSource[0].sales[10]); e.engine.drawLine(x, pt.y, x + xWidth, pt.y, "wj-add-line"); } } }); });
API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
그레이프시티 드림
등록된 댓글이 없습니다.