mxgraph绘制双箭头

要在mxGraph中绘制双箭头，可以使用mxMarker类和mxConstants类。具体步骤如下：

1. 定义箭头样式。可以使用mxConstants.ARROW_CLASSIC、mxConstants.ARROW_DIAMOND、mxConstants.ARROW_BLOCK等常量来定义箭头样式。

2. 定义线条样式。可以使用mxConstants.STYLE_STROKECOLOR、mxConstants.STYLE_STROKEWIDTH等常量来定义线条样式。

3. 定义箭头的大小。可以使用mxConstants.STYLE_STARTSIZE和mxConstants.STYLE_ENDSIZE来定义箭头的大小。

4. 定义箭头的方向。可以使用mxConstants.STYLE_STARTARROW和mxConstants.STYLE_ENDARROW来定义箭头的方向。

下面是一个绘制双箭头的示例代码：

// 定义箭头样式
var arrowStyle = mxConstants.ARROW_CLASSIC;

// 定义线条样式
var lineStyle = mxConstants.STYLE_STROKECOLOR + '=black;' + mxConstants.STYLE_STROKEWIDTH + '=2;';

// 定义箭头大小
var arrowSize = mxConstants.STYLE_STARTSIZE + '=20;' + mxConstants.STYLE_ENDSIZE + '=20;';

// 定义箭头方向
var arrowDirection = mxConstants.STYLE_STARTARROW + '=' + arrowStyle + ';' + mxConstants.STYLE_ENDARROW + '=' + arrowStyle + ';';

// 创建一个双箭头的连接线
var edge = new mxCell('', new mxGeometry(0, 0, 100, 100), lineStyle + arrowSize + arrowDirection);
edge.geometry.setTerminalPoint(new mxPoint(0, 50), true);
edge.geometry.setTerminalPoint(new mxPoint(100, 50), false);
edge.edge = true;

// 添加连接线到图形
graph.getModel().beginUpdate();
try {
    graph.addCell(edge);
} finally {
    graph.getModel().endUpdate();
}

在这个示例中，我们首先定义了箭头样式、线条样式、箭头大小和箭头方向。然后，我们创建了一个连接线，并将其样式设置为我们定义的样式。最后，我们将连接线添加到图形中。