shapes.fill.gradient.stops.offsetNumber
The stop offset from the start of the element.
Ranges from 0 (start of gradient) to 1 (end of gradient).
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
x: 100,
y: 100,
content: { text: "Shape 1" },
fill: {
gradient: {
type: "linear",
stops: [
{ offset: 0.2, color: "red" },
{ offset: 0.8, color: "blue" }
]
}
}
}]
});
</script>