pointDrop (event)

포인트 드래그를 마치고 놓는 시점에 발생하는 이벤트입니다.
event.preventDefault()를 호출하면 변경된 값이 적용되지 않습니다. 단, 드래그 중 값이 실시간으로 반영되는 기본 동작에서는 놓기 전에 이미 값이 바뀌므로, 취소하려면 dragDrop의 liveRedraw를 false로 설정해야 합니다.

사용 조건

myChart.setOptions({
  plotOptions: {
    series: {
      dragDrop: {
        draggableY: true,  // y값 드래그 허용 (x값은 draggableX)
        liveRedraw: false  // 놓을 때 값 적용 (pointDrop에서 취소하려면 필요)
      }
    }
  }
}, {append: true});

Info

Name Type Required Description
event object 선택 이벤트 인자 객체
type string 선택(drop) 이벤트 타입
newPoint object 선택 변경된 포인트 값 (포인트 1개를 드래그했을 때)
newPointId string 선택 변경된 포인트 id (포인트 1개를 드래그했을 때)
newPoints object 선택 변경된 포인트들의 값 (포인트 id별)
numNewPoints number 선택 변경된 포인트 개수
origin object 선택 드래그 시작 시점의 원래 값
target object 선택 드래그한 포인트
preventDefault function 선택 호출 시 변경 값 적용을 취소 (dragDrop.liveRedraw: false일 때)
chart object 선택 IBChart 객체

Context Info

Name Type Required Description
this object 선택 포인트 속성
this.category string or number 선택 지점의 카테고리(axislabel)
this.x number 선택 지점의 x값
this.y number 선택 지점의 y값
this.name string 선택 지점 이름
this.series object 선택 포인트가 속한 시리즈

Example

myChart.setEvents({
  pointDrop: function(event) {
    // 확인 후 적용 (취소하면 원래 값 유지, dragDrop.liveRedraw: false 필요)
    if (!confirm(this.category + " 값을 " + event.newPoint.y + "(으)로 바꿀까요?")) {
      event.preventDefault();
    }
  }
});

myChart.setEventListener("pointDrop", function(event){
  console.log(this.category + ": " + event.newPoint.y + "(으)로 변경");
});

Since

version desc
7.3.1.32