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

원형차트에서 영역 선택 이벤트 > Q&A | 토론

본문 바로가기

VueJS 원형차트에서 영역 선택 이벤트

페이지 정보

작성자 CWJ83 작성일 2023-11-09 13:16 조회 159회 댓글 0건
제품 버전 : 2023V1
컨트롤 이름 : wj-flex-pie

본문

안녕하세요.


원형차트에서 영역 클릭시에 이벤트를 걸고싶은데 가이드좀 부탁드립니다.

<div class="container-fluid" style="width:100%; height:100%">

<wj-flex-pie bindingName="type" binding="per" :itemsSource="syschartdata1" :tooltipContent="tooltipContentStorage" :startAngle="90" :palette = palette> 

</wj-flex-pie> 

</div>


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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: 원형차트에서 영역 선택 이벤트

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

페이지 정보

작성자 MESCIUS루시 작성일 2023-11-10 16:37 댓글 0건

본문

안녕하세요 메시어스입니다.

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

해당 기능을 구현하기 위해서는 차트의 hostElement에 click 이벤트를 추가한 뒤, 클릭한 포인트의 정보를 가져올 수 있는 hitTest 메서드를 호출하여 차트 정보를 가져올 수 있습니다.

아래 간단한 코드를 참고하여 주시기 바랍니다.

<wj-flex-pie bindingName="brand" binding="sales" :itemsSource="data" :initialized="chartInit"></wj-flex-pie>
(....)
 chartInit(chart) {
      chart.hostElement.addEventListener("click", function (e) {
        var ht = chart.hitTest(e);
        console.log("클릭한 차트 요소는 " + ht.chartElement + "입니다.");
        console.log("클릭한 영역의 이름은 " + ht.item.brand + "입니다.");
      });
    },
 

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

감사합니다.
메시어스 드림

댓글목록

등록된 댓글이 없습니다.

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