endCapString|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.fillString|Object
The end cap fill options or color.
endCap.fill.colorString(default: "black")
The end cap fill color.
endCap.fill.opacityNumber
The end cap fill opacity.
endCap.strokeString|Object
The end cap stroke options or color.
endCap.stroke.colorString
The end cap stroke color.
endCap.stroke.dashTypeString
The end cap stroke dash type.
endCap.stroke.widthNumber
The end cap stroke width.
endCap.typeString(default: "none")
The end cap type.
The supported values are:
- "none": no cap
- "ArrowEnd": a filled arrow
- "FilledCircle": a filled circle
In this article