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
In this article
Not finding the help you need?