如何移除mxGraph中的边末端箭头并合并线条？

一、移除边的末端箭头 #

全局设置（所有边生效） #

修改mxGraph的默认边样式，让所有新创建的边都不带末端箭头：

// 获取默认边样式
var defaultEdgeStyle = graph.getStylesheet().getDefaultEdgeStyle();
// 设置末端箭头为无
defaultEdgeStyle[mxConstants.STYLE_ENDARROW] = mxConstants.NONE;
// 可选：如需移除起始箭头，可添加以下配置
// defaultEdgeStyle[mxConstants.STYLE_STARTARROW] = mxConstants.NONE;

单个边设置（仅指定边生效） #

如果只需要修改某几条边的箭头，选中目标边后执行以下代码：

// 假设edge为目标边对象
graph.setCellStyle(mxConstants.STYLE_ENDARROW, mxConstants.NONE, [edge]);

二、合并线条（多条边合并为单条） #

mxGraph没有内置的一键合并边功能，可通过以下两种方式处理：

手动合并步骤 #

1. 选中所有起点和终点完全一致的需要合并的边；
2. 保留其中一条边，删除其余多余的边；
3. 对保留的边应用上述移除箭头的样式。

自动合并逻辑（自定义实现） #

如果需要自动检测并合并重复边，可添加事件监听，在边创建时检查是否已有同起点终点的边：

graph.addListener(mxEvent.CELL_ADDED, function(sender, evt) {
  var cell = evt.getProperty('cell');
  if (cell.isEdge()) {
    var source = cell.getTerminal(true);
    var target = cell.getTerminal(false);
    // 查找已有同起点终点的边
    var edges = graph.getEdgesBetween(source, target);
    if (edges.length > 1) {
      // 删除新添加的重复边，保留已有边
      graph.removeCells([cell]);
    }
  }
});

内容的提问来源于stack exchange，提问作者celal