Edit this page

connectionDefaults Object

Defines the defaults of the connections. Whenever a connection is created, the specified connectionDefaults will be used and merged with the (optional) configuration passed through the connection creation method.

Example - typical connectionDefaults

<div id="diagram"></div>
<script>
var Point = kendo.dataviz.diagram.Point;
$("#diagram").kendoDiagram({
   shapes:[
       {
           id:"1",
           content:{
               text: "Monday"
           }
       },
       {
           id:"2",
           content:"Tuesday"
       }
   ],
   connections:[
       {
           from: new Point(100,100),
           to: new Point(100,300)
       },
       {
           from: "1",
           to: "2"
       }
   ],
   connectionDefaults: {
       stroke: {
           color: "#979797",
           width: 1
       },
       type:"polyline",
       startCap: "FilledCircle",
       endCap: "ArrowEnd"
   }
});
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy