endCap String|Object
The end cap configuration or type name.
Example - configuring the end cap
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
visual: function() {
var group = new kendo.dataviz.diagram.Group();
group.append(new kendo.dataviz.diagram.Path({
data: 'M 0,0 L100,100',
endCap: {
type: "ArrowEnd",
fill: "red"
}
}));
return group;
}
}]
});
</script>
endCap.fill String|Object
The end cap fill options or color.
endCap.fill.color String
(default: "black")
The end cap fill color.
endCap.fill.opacity Number
The end cap fill opacity.
endCap.stroke String|Object
The end cap stroke options or color.
endCap.stroke.color String
The end cap stroke color.
endCap.stroke.dashType String
The end cap stroke dash type.
endCap.stroke.width Number
The end cap stroke width.
endCap.type String
(default: "none")
The end cap type.
The supported values are:
- "none": no cap
- "ArrowEnd": a filled arrow
- "FilledCircle": a filled circle