pointDrag (event)

포인트를 드래그하는 동안 계속 발생하는 이벤트입니다.
event.preventDefault()를 호출하면 드래그 중 화면 이동만 멈추고, 마우스를 놓을 때 계산된 값은 그대로 적용됩니다.
값의 범위를 제한하려면 dragDrop의 dragMinY, dragMaxY 등을 사용하고, 놓을 때 값 적용을 취소하려면 pointDrop 이벤트를 사용합니다.

사용 조건

myChart.setOptions({
  plotOptions: {
    series: {
      dragDrop: {
        draggableY: true  // y값 드래그 허용 (x값은 draggableX)
      }
    }
  }
}, {append: true});

Info

Name Type Required Description
event object 선택 이벤트 인자 객체
type string 선택(drag) 이벤트 타입
newPoint object 선택 드래그 중인 포인트의 새 값 (포인트 1개를 드래그할 때)
newPoints object 선택 드래그 중인 포인트들의 새 값 (포인트 id별)
origin object 선택 드래그 시작 시점의 원래 값
target object 선택 드래그 중인 포인트
preventDefault function 선택 호출 시 드래그 중 화면 이동을 멈춤 (놓을 때 값은 적용됨)
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({
  pointDrag: function(event) {
    // 드래그 중인 값을 화면에 표시
    if (event.newPoint) {
      console.log("드래그 중: " + event.newPoint.y);
    }
  }
});

myChart.setEventListener("pointDrag", function(event){
    // 드래그 중인 값을 화면에 표시
    if (event.newPoint) {
      console.log("드래그 중: " + event.newPoint.y);
    }
});

Since

version desc
7.3.1.32