strokeObject
Defines the stroke configuration.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
x: 100,
y: 100,
width: 100,
height: 50
}],
connections: [{
from: { x: 200, y: 125 },
to: { x: 300, y: 125 },
stroke: {
color: "#ff6358",
width: 3
}
}]
});
</script>stroke.colorString
Defines the line color.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
x: 100,
y: 100,
width: 100,
height: 50
}],
connections: [{
from: { x: 200, y: 125 },
to: { x: 300, y: 125 },
stroke: {
color: "#ff6358"
}
}]
});
</script>stroke.widthNumber
Defines the line width.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
x: 100,
y: 100,
width: 100,
height: 50
}],
connections: [{
from: { x: 200, y: 125 },
to: { x: 300, y: 125 },
stroke: {
width: 5
}
}]
});
</script>In this article