如何在GoJS中向端口添加号码？

Question

嗨，我需要为每个端口添加数字，如下图所示。 附言我如何寻找解决此站点https://gojs.net/latest/intro/ports.html上的问题的方法，并使用portId和TextBlock检查解决方案，但它不起作用：/

Answer 1

您正在使用Shape作为端口，但是任何GoJS对象都可以是端口，并且您确实想使用带有Shape和TextBlock的面板（自动面板）作为端口。

我建议您阅读：https://gojs.net/latest/intro/buildingObjects.html

Answer 2

您好，谢谢您的回答:)嗯，我尝试使用面板，但看不到变化：/我做错了什么？

this.$(go.Panel, 'Horizontal',
  new go.Binding('itemArray', 'bottomArray'),
  {
    row: 2, column: 1,
    itemTemplate:
      this.$(go.Panel, 'Vertical',
        {
          _side: 'bottom',
          fromSpot: go.Spot.Bottom, toSpot: go.Spot.Bottom, fromMaxLinks: 1,
          fromLinkable: true, toLinkable: false, cursor: 'pointer'
        },
        new go.Binding('portId', 'portId'),

        this.$(go.Shape, 'RoundedRectangle',
          {
            stroke: null, strokeWidth: 0,
            desiredSize: portSize,
            margin: new go.Margin(2, 1, 0, 1)
          },
          new go.Binding('fill', 'portColor')),
        this.$(go.TextBlock,
          new go.Binding('text', 'name'))
      )
  }
),