Multiple non-overlapping link line shapes

@kagey wrote:

In reference to the docs (emphasis mine):

More than one shape may automatically get the route geometry. This is useful when you want to have multiple link shapes with different thicknesses to create a gradient effect across the path of the link or to produce parallel lines along the path. Just set GraphObject.isPanelMain to true on each such Shape.

I can get the overlapping lines with different stroke widths to appear over top each other, but how can i position the shapes side by side?

I have this:

but want this:

$(go.Shape, {
  strokeWidth: 5,
  stroke: "red",
  isPanelMain: true,
}),
$(go.Shape, {
  strokeWidth: 3,
  stroke: "#0064a6",
  isPanelMain: true,
},),

Thanks!

Posts: 2

Participants: 2

Read full topic