You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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);
          }
        }
      }
    }
  }
}

补充说明

  1. 需确保已加载Highcharts的drag-drop模块(你的示例中已正确加载,无需额外操作)
  2. 放置事件触发后,可通过this(当前点实例)或e.target直接获取最新的x/y坐标

内容的提问来源于stack exchange,提问作者Nico

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.02 15:15:02