connections.cornerRadiusNumber
(default: 0)
Defines the corner radius of the connection.
Example - setting connection corner radius
<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: 100 }
],
connections:[
{
from: "1",
to: "2",
points: [
{x: 150, y: 20},
{x: 150, y: 150}
],
type: "polyline",
cornerRadius: 10
}
]
});
</script>
In this article