connections Array
Defines the connections configuration.
Example - configuring the Diagram connections
<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: 300,
y: 20
}
],
connections:[
{
from: "1",
to: "2",
content: {
text: "Step 1"
},
stroke: {
color: "#33ccff"
}
}
]
});
</script>
Related Properties
- connections.to
- connections.to.x
- connections.to.y
- connections.toConnector
- connections.type
- connections.stroke
- connections.stroke.color
- connections.stroke.width
- connections.startCap
- connections.startCap.fill
- connections.startCap.fill.color
- connections.startCap.fill.opacity
- connections.startCap.stroke
- connections.startCap.stroke.color
- connections.startCap.stroke.dashType
- connections.startCap.stroke.width
- connections.startCap.type
- connections.selection
- connections.selection.handles
- connections.selection.handles.fill
- connections.selection.handles.fill.color
- connections.selection.handles.stroke
- connections.selection.handles.stroke.color
- connections.selection.handles.width
- connections.selection.handles.height
- connections.points
- connections.points.x
- connections.points.y
- connections.hover
- connections.hover.stroke
- connections.hover.stroke.color
- connections.from
- connections.from.x
- connections.from.y
- connections.fromConnector
- connections.endCap
- connections.endCap.fill
- connections.endCap.fill.color
- connections.endCap.fill.opacity
- connections.endCap.stroke
- connections.endCap.stroke.color
- connections.endCap.stroke.dashType
- connections.endCap.stroke.width
- connections.endCap.type
- connections.editable
- connections.editable.tools
- connections.editable.tools.name
- connections.content
- connections.content.color
- connections.content.fontFamily
- connections.content.fontSize
- connections.content.fontStyle
- connections.content.fontWeight
- connections.content.template
- connections.content.text
- connections.content.visual