The Link.curve in Group's link do not work

GoJS
1

I hava a problem about the link.curve in the group.I setted this property，but it didn’t work …This is my code：
this.myDiagram.linkTemplateMap.add(‘gray’, this.$(go.Link, // the whole link panel

        {

            curve: go.Link.Bezier,

            curviness: 1500,

            adjusting: go.Link.Stretch,

            toShortLength: 3,

        },

        this.$(go.Shape,  // the link shape

            {

                stroke: '#717171', strokeWidth: 2.5, fill: 'red',

                strokeDashArray: [3, 2],

            }),

        new go.Binding('points').makeTwoWay(),

        new go.Binding('curviness', 'curviness').makeTwoWay(),

    ));

public renderGroup(): void {

    if (this.myDiagram) {

        this.myDiagram.groupTemplate =

            this.$(go.Group, 'Vertical',

                {

                    layout: this.$(go.LayeredDigraphLayout, {

                        direction: 90, 

                        linkSpacing: 0, 

                        columnSpacing: 0, 

                        layerSpacing: 0,

                        setsPortSpots: false,

                    },

                    ),

                    selectionAdornmentTemplate: this.$(go.Adornment, 'Auto', this.$(go.Shape, 'Rectangle', { fill: 'white', stroke: null }),),

                    isSubGraphExpanded: true,

                },

                this.$(go.Panel, 'Auto',

                    this.$(go.Shape, 'RoundedRectangle',  // surrounds the Placeholder

                        {

                            parameter1: 14,

                            fill: 'rgba(128,128,128,0)',

                            stroke: 'rgba(1, 1, 1, 0)',

                        }),

                    this.$(go.Placeholder,    // represents the area of all member parts,

                        { padding: 5 }),  // with some extra padding around them

                ),

                this.$(go.Panel, 'Horizontal'),

            );

    }

}

The group’s data is like：
nodeDataArray=[
{key:“1”,isGroup:true},
{key:“2”,isGroup:false,group:“1”},
{key:“3”,isGroup:false,group:“1”},
{key:“4”,isGroup:false,group:“1”}，
{key:“5”,isGroup:false,group:“1”}，
{key:“6”,isGroup:false,group:“1”}]
linkDataArray=[
{from:“3”,to:“2”category:‘gray’},
{from:“4”,to:“2”,category:‘gray’}，
{from:“5”,to:“2”,category:‘gray’}，
{ from:“6”,to:“2”,category:‘gray’ }
].
test

2

When I use your code, I do not get those results.

  myDiagram.nodeTemplate =
    $(go.Node, "Auto",
      $(go.Shape, { fill: "white" }),
      $(go.TextBlock, { margin: 8 },
        new go.Binding("text", "key"))
    );

  myDiagram.linkTemplate =
    $(go.Link, // the whole link panel
      {
        curve: go.Link.Bezier,
        //curviness: 1500,
        adjusting: go.Link.Stretch,
        toShortLength: 3
      },
      $(go.Shape,  // the link shape
        {
          stroke: '#717171', strokeWidth: 2.5, fill: 'red',
          strokeDashArray: [3, 2]
        }),
      new go.Binding('points').makeTwoWay(),
      new go.Binding('curviness', 'curviness').makeTwoWay(),
    );

  myDiagram.groupTemplate =
    $(go.Group, 'Vertical',
        {
          layout: $(go.LayeredDigraphLayout, {
            direction: 90, 
            linkSpacing: 0, 
            columnSpacing: 0, 
            layerSpacing: 0,
            setsPortSpots: false
          }),
          selectionAdornmentTemplate:
            $(go.Adornment, 'Auto',
              $(go.Shape, 'Rectangle', { fill: 'white', stroke: null })
            ),
          isSubGraphExpanded: true
        },
        $(go.Panel, 'Auto',
          $(go.Shape, 'RoundedRectangle',  // surrounds the Placeholder
            {
              parameter1: 14,
              fill: 'rgba(128,128,128,0)',
              //stroke: 'rgba(1, 1, 1, 0)',
            }),
          $(go.Placeholder,    // represents the area of all member parts,
            { padding: 5 })  // with some extra padding around them
        ),
        $(go.Panel, 'Horizontal')
    );

  myDiagram.model = new go.GraphLinksModel(
  [
    {key:"1", isGroup:true},
    {key:"2", isGroup:false, group:"1"},
    {key:"3", isGroup:false, group:"1"},
    {key:"4", isGroup:false, group:"1"},
    {key:"5", isGroup:false, group:"1"},
    {key:"6", isGroup:false, group:"1"}
  ],
  [
    {from:"3", to:"2", category:"gray"},
    {from:"4", to:"2", category:"gray"}, 
    {from:"5", to:"2", category:"gray"}, 
    {from:"6", to:"2", category:"gray"}
  ]);

I did comment out the transparent border for the group, and I did comment out the Link.curviness value. The Horizontal Panel doesn’t seem to have any use, but it’s only taking up some memory and time, so I left it. Maybe you posted a simplification of your actual template. (Thanks for doing that simplification – it helps narrow down any problems.)

The results:

image

3

Thank you for your reply, Walter. I’m still trying to figure this out, but I still don’t know why. I’ll let you know if I find anything new.