pointDragStart (event)
포인트 드래그를 시작하는 시점에 발생하는 이벤트입니다.
사용 조건
- 드래그 모듈(
draggable-points.js)을 추가로 include 해야 합니다.
- 시리즈 속성에서 드래그를 허용해야 합니다.
myChart.setOptions({
plotOptions: {
series: {
dragDrop: {
draggableY: true
}
}
}
}, {append: true});
Info
| Name |
Type |
Required |
Description |
| event |
object |
선택 |
브라우저 마우스 이벤트 객체 |
| type |
string |
선택(mousedown) |
브라우저 이벤트 타입 (터치는 touchstart) |
| updateProp |
string |
선택 |
드래그로 변경되는 값의 종류 (예: y) |
| chartX |
number |
선택 |
마우스 위치의 x좌표 (차트 기준) |
| chartY |
number |
선택 |
마우스 위치의 y좌표 (차트 기준) |
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({
pointDragStart: function(event) {
console.log("pointDragStart: " + this.category);
}
});
myChart.setEventListener("pointDragStart", function(event){
console.log("pointDragStart: " + this.category);
});
Since