connections.stroke Object

Defines the stroke configuration.

Example - configuring the connection stroke

<div id="diagram"></div>
<script>
  $("#diagram").kendoDiagram({
    shapes: [{
      id: "1",
      content: {
        text: "Step 1"
      }
    }, {
      id: "2",
      x: 200,
      content: {
        text: "Step 2"
      }
    }],
    connections: [{
      from: "1",
      to: "2",
      stroke: {
        color: "#33ccff",
        width: 3
      }
    }]
  });
</script>

connections.stroke.color String

Defines the stroke or line color of the connection.

connections.stroke.width Number

Defines the stroke width of the connection.

In this article
Not finding the help you need? Improve this article