Sankey图增强实现X和Y轴双向拖拽

Sankey图是一种直观的可视化工具，用于展示流量、能量或其他流程的传输情况。通常情况下，在JavaScript可视化库D3.js中，Sankey图仅支持沿X轴拖动节点，但在“sankey-modified-drag”项目中，开发者增强了拖拽功能，允许用户沿X轴和Y轴拖动节点。这一改进显著提升了用户在调整复杂流程布局时的交互体验。实现方式如下：

1. 创建Sankey实例：初始化节点和链接数据，设置宽度分配。

2. 绘制图形：在页面上绘制初始的节点和链接。

3. 编写拖拽事件监听器：监听mousedown、mousemove和mouseup事件，捕捉鼠标拖动轨迹。

4. 更新节点坐标：在mousemove事件中，计算节点的新位置并更新其node.x()和node.y()属性。

5. 重新布局：调用Sankey的update()方法，实时更新节点位置，确保图形的流畅性和美观性。