strokeObject
Defines the stroke configuration.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
type: "rectangle",
x: 100,
y: 100,
width: 200,
height: 100,
fill: {
color: "#ff6358"
},
stroke: {
color: "#0099ff",
width: 3
}
}]
});
</script>stroke.colorString
Defines the line color of the rectangle.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
type: "rectangle",
x: 100,
y: 100,
width: 200,
height: 100,
fill: {
color: "#ff6358"
},
stroke: {
color: "#28b4c8"
}
}]
});
</script>stroke.widthNumber
Defines the stroke width of the rectangle.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
type: "rectangle",
x: 100,
y: 100,
width: 200,
height: 100,
fill: {
color: "#ff6358"
},
stroke: {
color: "#0099ff",
width: 5
}
}]
});
</script>In this article