Edit this page

connections.startCap String |Object

The connection start cap configuration or type name.

Example - configuring the connection start cap

<div id="diagram"></div>
<script>
  $("#diagram").kendoDiagram({
    shapes: [{
      id: "1",
      content: {
        text: "Monday"
      }
    }, {
      id: "2",
      x: 200,
      content: "Tuesday"
    }],
    connections: [{
      from: "1",
      to: "2",
      startCap: {
        type: "FilledCircle",
        fill: {
          color: "red"
        },
        stroke: {
          color: "blue",
          width: 2
        }
      }
    }]
  });
</script>

connections.startCap.fill String |Object

The connection start cap fill options or color.

connections.startCap.fill.color String (default: "black")

The connection start cap fill color.

connections.startCap.fill.opacity

The connection start cap fill opacity.

connections.startCap.stroke String |Object

The connection start cap stroke options or color.

connections.startCap.stroke.color String

The connection start cap stroke color.

connections.startCap.stroke.dashType String

The connection start cap stroke dash type.

connections.startCap.stroke.width Number

The connection start cap stroke width.

connections.startCap.type String (default: "none")

The connection start cap type.

The supported values are:

  • "none": no cap
  • "ArrowStart": a filled arrow
  • "FilledCircle": a filled circle
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy