how to stop the linkable property and node movable property even i have given
fromLinkable: false,
toLinkable: false,
toLinkableSelfNode: false,
toLinkableDuplicates: false,
this is code for nodeTemplate
this.myDiagram.nodeTemplate =
$(go.Node, “Spot”, this.nodeStyle(),
$(go.Panel, “Auto”,
$(go.Shape, “myRoundedRectangle”,
{
strokeWidth: .5,
fill: “#8373F9”,
portId: “”, fromLinkable: true, toLinkable: true,
desiredSize: new go.Size(220, 40),
fromLinkableDuplicates: true, toLinkableDuplicates: true
},
new go.Binding(“fill”, “fill”, popularity_percentage => ((popularity_percentage > 0 && popularity_percentage <=5) ? ‘#DCCFB9’: (popularity_percentage > 11 && popularity_percentage <= 17)?‘#DCCFB9’:(popularity_percentage > 25 && popularity_percentage <= 30)?‘#DCCFB9’:(popularity_percentage > 61 && popularity_percentage <= 80)?‘voilet’ : (popularity_percentage > 81 && popularity_percentage <= 100)?‘#fc4967’: “#DCCFB9”)),
),
$(go.Shape, 'Circle',
{
fill: '#ffffff',
strokeWidth: 0,
desiredSize: new go.Size(32, 32),
alignment: go.Spot.Left,
margin: new go.Margin(0, -8, 0, 5),
},
),
$(go.TextBlock, {
alignment: go.Spot.Left,
font: '18px icomoon, cs-icon', editable: false,
stroke: "#383838",
margin: new go.Margin(4, 0, 0, 12),
isMultiline: true
},
new go.Binding("text", "text", (e) => { return this.getIcon(e).unicode }),
),
$(go.TextBlock, this.textStyle(), {
maxSize: new go.Size(180, NaN),
editable: false,
alignment: go.Spot.Left,
margin: 45,
font: 'bold 13px calibri',
wrap: go.TextBlock.WrapFit,
fromLinkable: false, toLinkable: false,
fromLinkableDuplicates: false, toLinkableDuplicates: false
}, new go.Binding("text", "key")
),
),
{
linkConnected: (node, link) => this.updateLinkWidths(link.fromNode, link.toNode, ""),
linkDisconnected: (oldnode, link) => this.updateLinkWidths(link.fromNode, link.toNode, link)
}
);
Layout code
here i want node should be fixed and not able to drag by user