startCapString|Object
The connection start cap configuration or type name.
Example - configuring the startCap
<div id="diagram"></div>
<script>
var Point = kendo.dataviz.diagram.Point;
var diagram = $("#diagram").kendoDiagram({ }).getKendoDiagram();
var connection = diagram.connect(new Point(100,100), new Point(300,100), {
startCap: {
type: "FilledCircle",
fill: {
color: "red"
},
stroke: {
color: "blue",
width: 2
}
},
selectable: false
});
</script>
startCap.fillString|Object
The connection start cap fill options or color.
startCap.fill.colorString
(default: "black")
The connection start cap fill color.
startCap.fill.opacity
The connection start cap fill opacity.
startCap.strokeString|Object
The connection start cap stroke options or color.
startCap.stroke.colorString
The connection start cap stroke color.
startCap.stroke.dashTypeString
The connection start cap stroke dash type.
startCap.stroke.widthNumber
The connection start cap stroke width.
startCap.typeString
(default: "none")
The connection start cap type.
The supported values are:
- "none": no cap
- "ArrowStart": a filled arrow
- "FilledCircle": a filled circle
In this article