Problems with UML Class connector
Hello,
I have a few problems with my UML class connector. I can add it to my palette and drag/drop it in the diagram. This works well. But when I set it as followed in my palette I get the following problems:
- For some reason I get a dashed connector instead of straight.
- When I set the type as ManyToMany, the source and target annotations don't show up. It should show an annotation as '1...*'. For everyone other type (OneToMany, ManyToOne, OneToOne) the annotations appear as they should.
- targetDecorator: { shape: 'None' } doesn't seem to work to remove the arrow at the target. The arrow still shows.
This is my code:
[{
id: "umlConn",
//Define connector start and end points
sourcePoint: { x: 0, y: 0 },
targetPoint: { x: 60, y: 60 },
type: "Straight",
shape: {
type: "UmlClassifier",
relationship: "Dependency",
multiplicity: {
//Set multiplicity type
type: "ManyToMany",
//Set source label to connector
source: {
optional: false,
lowerBounds: 1,
upperBounds: '*'
},
//Set target label to connector
target: {
optional: false,
lowerBounds: 1,
upperBounds: '*'
}
}
},
targetDecorator: { shape: 'None' },
}]I get this:
So I need to know: How do I get annotations to show up when type is ManyToMany. How do I hide the arrow at the end? How do I make the line straight instead of dashed.
Thanks!
Thanks for the reply.
Also, there seems to be an inconsistency in the way the annotations at the source and target appear with the multiplicity connector.
OneToMany will show 1 -> 1
OneToMany will show 1 -> 1...*
But ManyToOne will show 1...* -> 1...1
To be consistent, ManyToOne should show 1...* -> 1
Also, when we have the "Many" sign ("*"), it would be nice to be able to show it has only "*" not "1...*". Is this possible? I can't make it work. It should be possible by only setting an upperBound and no lowerBound, but this causes an error.
Here is a screen shot and my code
let umlClassConnectorSymbols = [
{
id: "UmlManyToMany",
//Define connector start and end points
sourcePoint: { x: 0, y: 0 },
targetPoint: { x: 60, y: 60 },
type: "Straight",
shape: {
type: "UmlClassifier",
relationship: "Dependency",
multiplicity: {
//Set multiplicity type
type: "ManyToMany",
//Set source label to connector
source: {
optional: true,
lowerBounds: '1',
upperBounds: '*'
},
//Set target label to connector
target: {
optional: true,
lowerBounds: '1',
upperBounds: '*'
}
}
},
targetDecorator: { shape: 'None' },
},
{
id: "UmlManyToOne",
//Define connector start and end points
sourcePoint: { x: 0, y: 0 },
targetPoint: { x: 60, y: 60 },
type: "Straight",
shape: {
type: "UmlClassifier",
relationship: "Dependency",
multiplicity: {
//Set multiplicity type
type: "ManyToOne",
//Set source label to connector
source: {
optional: true,
lowerBounds: 1,
upperBounds: '*'
},
//Set target label to connector
target: {
optional: true,
lowerBounds: 1,
upperBounds: 1
}
}
},
targetDecorator: { shape: 'None' },
},
{
id: "UmlOneToMany",
//Define connector start and end points
sourcePoint: { x: 0, y: 0 },
targetPoint: { x: 60, y: 60 },
type: "Straight",
shape: {
type: "UmlClassifier",
relationship: "Dependency",
multiplicity: {
//Set multiplicity type
type: "OneToMany",
//Set source label to connector
source: {
optional: true,
lowerBounds: 1,
upperBounds: 1
},
//Set target label to connector
target: {
optional: true,
lowerBounds: 1,
upperBounds: '*'
}
}
},
targetDecorator: { shape: 'None' },
},
{
id: 'UmlOneToOne',
//Define connector start and end points
sourcePoint: { x: 0, y: 0 },
targetPoint: { x: 60, y: 60 },
type: "Straight",
shape: {
type: "UmlClassifier",
relationship: "Dependency",
multiplicity: {
//Set multiplicity type
type: "OneToOne",
//Set source label to connector
source: {
optional: false,
upperBounds: 1
},
//Set target label to connector
target: {
optional: false,
upperBounds: 1
}
}
},
targetDecorator: { shape: 'None' },
}
]
Thanks
