highchart的draggable-points.js依賴實現圖表的動態拖拽操作

需求

1. 實現一個曲線圖，能夠通過鼠標去拖拽點，來進行修改圖表

   實現

2. 例子基於vue來實現，如果是jq的按照官網的例子即可，配置列表鏈接.，例子

   // 引入依賴
   import Highcharts from 'highcharts/highcharts.js';
   import draggable from 'highcharts/modules/draggable-points.js'
   // 註冊拖拽事件
   draggable(Highcharts);
   
   // 關鍵配置
   plotOptions: {
    dragDrop: {
       draggableY: true, // 啓用y軸拖拽
        dragPrecisionY: 0.1 // 拖拽步長
    },
    point: {
        events: {
            // 拖拽過程事件
            drag: function(event) {
                // console.log('拖動', event)
            },
            // 拖拽結束事件
            drop: function(evt) {
            }
        }
    }

   總結

3. vue中拖拽依賴引入，需要用hichart對象進行註冊，其他的依賴也是同樣的註冊方式來使用