shapes.connectors.stroke String|Object
Defines the stroke options of the shape connectors.
Example - customizing the connectors stroke style
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
x: 20,
y: 40,
content: {
text: "Monday"
},
connectors: [
{
name: "top",
stroke: {
color: "red",
width: 3
},
width: 15,
height: 15
}, {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>