shapes.connectorsArray
Defines the connectors available in the shape. A connector is the point in the shape where a connection between this shape and another one can originate from or end.
Example - limiting the available connectors in a shape
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
x: 20,
y: 40,
content: {
text: "Monday"
},
connectors: [{name: "top", width: 20, height: 20}, {name: "right", width: 10, height: 10}]
}, {
id: "2",
x: 200,
y: 40,
content: {
text: "Tuesday"
}
}, {
id: "3",
x: 380,
y: 200,
content: {
text: "Wednesday"
}
}],
connections: [{
from: "1",
to: "2",
fromConnector: "top"
},{
from: "2",
to: "3"
}],
connectionDefaults: {
endCap: "ArrowEnd"
}
});
</script>In this article