startCapString|Object

The start cap configuration or type name.

Example - configuring the start cap

<div id="diagram"></div>
<script>
  $("#diagram").kendoDiagram({
    shapes: [{
      x: 10,
      y: 10,
      visual: function() {
        var group = new kendo.dataviz.diagram.Group();
        group.append(new kendo.dataviz.diagram.Polyline({
          points: [{x: 0, y: 0}, {x: 50, y: 0}, {x: 100, y: 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