connectorDefaults.strokeString|Object
Defines the stroke options of the shape connectors.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
content: {
text: "Connector Stroke"
},
connectorDefaults: {
stroke: {
color: "navy",
width: 2,
dashType: "dashDot"
}
}
}]
});
</script>connectorDefaults.stroke.colorString(default: "Black")
Defines the stroke color.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
content: {
text: "Connector Stroke Color"
},
connectorDefaults: {
stroke: {
color: "brown"
}
}
}]
});
</script>connectorDefaults.stroke.dashTypeString
The stroke dash type.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
content: {
text: "Connector Dash Type"
},
connectorDefaults: {
stroke: {
color: "teal",
dashType: "longDash"
}
}
}]
});
</script>connectorDefaults.stroke.widthNumber(default: 1)
Defines the thickness or width of the shape connectors stroke.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
content: {
text: "Connector Stroke Width"
},
connectorDefaults: {
stroke: {
color: "maroon",
width: 3
}
}
}]
});
</script>In this article