javascript - 在 JointJS 中为流添加标签

Question

我正在与jointJs 和Rappid 合作。我知道如何绘制 bpmn 图，就像我附上的照片一样。我正在绘制元素，但行（流）存在一些问题。有没有办法添加流标签或名称？正如我在红色图像上添加的那样。

我在他们的文档中看到了这一点，但我看不到任何关于标签的信息

var flow = new joint.shapes.bpmn.Flow({
source: { id: task.id },
target: { id: annotation.id },
flowType: 'association'

});

谢谢，

Answer 1

您可能想查看dia.Link.prototype.labels，因为 BPMN 流只是链接扩展 ( joint.shapes.bpmn.Flow = joint.dia.Link.extend({)。

您的流程示例：

flow.label(0, // the label's index (you can have multiple labels per link/flow)
  {
    position: .5, // place it halfway on the link (0-1)
    attrs: {
        text: { fill: 'red', text: 'Label' }
    }
  }
);