strokeObject
Defines the stroke configuration.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
visual: function() {
var group = new kendo.dataviz.diagram.Group();
group.append(new kendo.dataviz.diagram.Polyline({
points: [{x: 0, y: 0}, {x: 50, y: 0}, {x: 100, y: 100}],
stroke: {
color: "red",
width: 2
}
}));
return group;
}
}]
});
</script>stroke.colorString
Defines the line color of the polyline.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
visual: function() {
var group = new kendo.dataviz.diagram.Group();
group.append(new kendo.dataviz.diagram.Polyline({
points: [{x: 0, y: 0}, {x: 50, y: 0}, {x: 100, y: 100}],
stroke: {
color: "green"
}
}));
return group;
}
}]
});
</script>stroke.widthNumber
Defines the stroke width of the polyline.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
visual: function() {
var group = new kendo.dataviz.diagram.Group();
group.append(new kendo.dataviz.diagram.Polyline({
points: [{x: 0, y: 0}, {x: 50, y: 0}, {x: 100, y: 100}],
stroke: {
color: "blue",
width: 4
}
}));
return group;
}
}]
});
</script>In this article