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: "State 1"
        },
        x: 20,
        y: 20
      },
      {
        id:"2",
        content: {
          text: "State 2"
        },
        x: 200,
        y: 20
      }
    ],
    connections:[
      {
        from: "1",
        to: "2"
      }
    ],
    connectionDefaults: {
      startCap: {
        type: "FilledCircle",
        fill: {
          color: "yellow"
        },
        stroke: {
          color: "blue",
          width: 3
        }
      }
    }
  });
</script>

The connection start cap fill options or color.

The connection start cap fill color.

The connection start cap fill opacity.

The connection start cap stroke options or color.

The connection start cap stroke color.

The connection start cap stroke dash type.

The following dash types are supported:

• "dash" - A line that consists of dashes
• "dashDot" - A line that consists of a repeating pattern of dash-dot
• "dot" - A line that consists of dots
• "longDash" - A line that consists of a repeating pattern of long-dash
• "longDashDot" - A line that consists of a repeating pattern of long-dash-dot
• "longDashDotDot" - A line that consists of a repeating pattern of long-dash-dot-dot
• "solid" - A solid line

The connection start cap stroke width.

The connection start cap type.

The supported values are:

• "none": no cap
• "ArrowStart": a filled arrow
• "FilledCircle": a filled circle