startCapString|Object
The start cap configuration or type name.
Example - configuring the start 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',
startCap: {
type: "ArrowStart",
fill: "red"
}
}));
return group;
}
}]
});
</script>startCap.fillString|Object
The start cap fill options or color.
startCap.fill.colorString(default: "black")
The start cap fill color.
startCap.fill.opacityNumber
The start cap fill opacity.
startCap.strokeString|Object
The start cap stroke options or color.
startCap.stroke.colorString
The start cap stroke color.
startCap.stroke.dashTypeString
The start cap stroke dash type.
startCap.stroke.widthNumber
The start cap stroke width.
startCap.typeString(default: "none")
The start cap type.
The supported values are:
- "none": no cap
- "ArrowStart": a filled arrow
- "FilledCircle": a filled circle
In this article