NetworkGraph拖拽放置点坐标获取异常,求排查方案
问题原因与解决方案
核心问题
你当前的配置错误套用了普通系列的拖拽规则,Highcharts NetworkGraph(网络图)的拖拽逻辑有专属配置要求,具体问题如下:
- 网络图不支持
draggableX/draggableY参数,需使用draggable: true启用拖拽功能 - 拖拽配置需放在
plotOptions.networkgraph下,而非通用的plotOptions.series节点中
修正后的配置
{ plotOptions: { networkgraph: { // 针对网络图类型做专属配置 dragDrop: { draggable: true // 网络图启用拖拽的正确参数 }, point: { events: { drop: function(e) { // 获取放置后的点坐标 console.log('放置后坐标:X=' + this.x + ', Y=' + this.y); }, click: function(e) { console.log('点击的点坐标:X=' + this.x + ', Y=' + this.y); } } } } } }
补充说明
- 需确保已加载Highcharts的
drag-drop模块(你的示例中已正确加载,无需额外操作) - 放置事件触发后,可通过
this(当前点实例)或e.target直接获取最新的x/y坐标
内容的提问来源于stack exchange,提问作者Nico
相关产品推荐
相关产品推荐

