对于这样的功能，您不需要使用draggable-points模块。一个简单的自定义解决方案，带有十字线和动态添加/删除的绘图线就足够了。例如：

chart: {
    animation: false,
    events: {
      load: function() {
        const chart = this;
        this.series[0].points.forEach(point => {

          point.graphic.on('mousedown', function() {
            chart.draggedPoint = point;
            chart.xAxis[0].update({
              plotLines: [{
                width: 2,
                color: 'grey',
                dashStyle: 'ShortDash',
                value: point.x
              }]
            });
          });
        });

        document.body.addEventListener('mouseup', function() {
          chart.draggedPoint = null;
          chart.xAxis[0].update({
            plotLines: []
          });
        });
      }
    }
  }

现场演示：https://jsfiddle.net/BlackLabel/rsuj93at/
API引用：https://api.highcharts.com/highcharts/tooltip.formatter