Separate figures in a Path Geometry

GoJS
1

Hello, i created a custom shape as below:

image

However, don’t want the lines that are generated in path figure as highlighted
image

How do i go about this ?Please help on this.
If I try without creating PathFigure Object… it gives me an error.

Below is my code:

go.Shape.defineFigureGenerator(“Ring”, function(shape, w, h) {
var geo = new go.Geometry();
var fig = new go.PathFigure(w,w/2-10, true);
geo.add(fig);

fig.add(new go.PathSegment(go.PathSegment.Arc, 0, 360, 30, 30, 25, 25).close());
fig.add(new go.PathSegment(go.PathSegment.Arc, 0, 360, 40, 60, 20, 20).close());
fig.add(new go.PathSegment(go.PathSegment.Arc, 0, 360, 55, 30, 25, 25).close());

return geo;
});

2 
    go.Shape.defineFigureGenerator("3Ring", function(shape, w, h) {
      var d = Math.min(w, h) * 2/3;  // assume it will be "square"
      return new go.Geometry()
        .add(new go.PathFigure(0, d/2)
             .add(new go.PathSegment(go.PathSegment.Arc, 180, 360, d/2, d/2, d/2, d/2))
             .add(new go.PathSegment(go.PathSegment.Move, d/2, d/2))
             .add(new go.PathSegment(go.PathSegment.Arc, 180, 360, d, d/2, d/2, d/2))
             .add(new go.PathSegment(go.PathSegment.Move, d/4, d))
             .add(new go.PathSegment(go.PathSegment.Arc, 180, 360, d*3/4, d, d/2, d/2)));
    });