draggable point issue

by Black Label

HTML

<script src="https://code.highcharts.com/highcharts.src.js"></script>
<script src="hhttp://blacklabel.github.io/custom_events/customEvents.js"></script>
<script src="https://rawgithub.com/highcharts/draggable-points/master/draggable-points.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

$(function() {

Highcharts.seriesTypes.scatter.prototype.getPointSpline = Highcharts.seriesTypes.spline.prototype.getPointSpline;

  $('#container').highcharts({
    chart: {
      type: 'scatter',
      zoomType: 'xy'
    },
    series: [{
      draggableX: true,
      draggableY: true,
    	lineWidth: 2,
      data: [{
        x: 2,
        y: 1
      }, {
        x: 3,
        y: 5
      }, {
        x: 4,
        y: 2
      }, {
        x: 5,
        y: 1
      }, {
        x: 7,
        y: 5
      }, ]
    }],
    plotOptions: {
      series: {
        stickyTracking: false,
        findNearestPointBy: 'xy',
        cursor: 'move',
        
    },
    tooltip: {
      enabled: false
    },
  }});
});