endCapString|Object
The connection end cap configuration or type name.
Example - configuring the endCap
<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), {
endCap: {
type: "ArrowEnd",
fill: {
color: "red"
},
stroke: {
color: "blue",
width: 2
}
},
selectable: false
});
</script>
endCap.fillString|Object
The connection end cap fill options or color.
endCap.fill.colorString
(default: "black")
The connection end cap fill color.
endCap.fill.opacity
The connection end cap fill opacity.
endCap.strokeString|Object
The connection end cap stroke options or color.
endCap.stroke.colorString
The connection end cap stroke color.
endCap.stroke.dashTypeString
The connection end cap stroke dash type.
endCap.stroke.widthNumber
The connection end cap stroke width.
endCap.typeString
(default: "none")
The connection end cap type.
The supported values are:
- "none": no cap
- "ArrowEnd": a filled arrow
- "FilledCircle": a filled circle
In this article