Changing some nodes to another shape

GoJS
1

I’m trying to change on node to have the cloud shape, but when I add the property to change the it, it never changes and it always gives a “Rectangle”

Here is the code I have

    myDiagram.nodeTemplate = $(go.Node, "Auto", {
      locationSpot: go.Spot.Center,
      locationObjectName: "SHAPE"
    }, $(go.Shape, {
      name: "SHAPE",
      fill: "white",
      portId: "",
      cursor: "pointer",
      fromLinkable: true, fromLinkableSelfNode: true, fromLinkableDuplicates: true,
      toLinkable: true, toLinkableSelfNode: true, toLinkableDuplicates: true
    },
    new go.Binding("figure", "figure"),
    new go.Binding("fill", "color")),
    $(go.TextBlock, {
      font: "bold 14px sans-serif",
      stroke: "#333",
      margin: 6,
      isMultiline: true,
      editable: false,
      textAlign: "center"
    },
    new go.Binding("text", "text")));

      var nodeDataArray = [
        { key: 1, text: "Alpha", color: "lightblue" , figure: "Cloud"},
        { key: 2, text: "Beta", color: "orange", figure: "Cloud" },
        { key: 3, text: "Gamma", color: "lightgreen", group: 5, figure: "RoundedRectangle" },
        { key: 4, text: "Delta", color: "pink", group: 5, figure: "RoundedRectangle" },
        { key: 5, text: "Epsilon", color: "green", isGroup: true }
      ];

thanks for the help

2

Most of the figures are not pre-defined – they are not built-in. You have to define them. You can get the “Cloud” figure definition from the extensions/Figures.js file.

For now you can take the easy route and just load that file after you load the go-debug.js file.

3

Thanks for the information.