shapes.connectors.stroke.dashTypeString

The connector 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

Example

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [{
        id: "1",
        content: { text: "Dotted Connector Borders" },
        x: 100,
        y: 20,
        connectors: [{
            name: "right",
            stroke: {
                dashType: "dot",
                color: "#cc3300"
            }
        }]
    }]
});
</script>